function $(id){
	return document.getElementById(id)
}
function changeHeight(){
	height = $('main').offsetHeight + 460;
	$('wraper-out').style.height = height + 'px';
	$('wraper-in').style.height = height + 'px';
}
function l()
{
	changeHeight();
	objs2 = $('r2').getElementsByTagName('img');
	objs3 = $('r3').getElementsByTagName('img');
	for (i = 0; i < objs2.length; i++) {
		objs2[i].onmouseover = changClass;
		objs2[i].onmouseout = changClass;
	}
	for (i = 0; i < objs3.length; i++) {
		objs3[i].onmouseover = changClass;
		objs3[i].onmouseout = changClass;
	}


}



function changClass()
{
	this.className = this.className == 'img02' ? 'img01' : 'img02';
}
window.onload = l;