Event.observe(window, 'load', Overlap, false);


function Overlap()
{
	var element1 = $('bottom'); 
	var posOff1 = Position.cumulativeOffset(element1);
	if ($('main_area'))
	{
		var obj = $('main_area').childElements(); 
		for (var key in obj)
		{
			var posOff2 = Position.cumulativeOffset(obj[key]);
			if (posOff2[1] > 0)
			{
				var size = obj[key].getHeight();
				var posun = (posOff2[1] + size)-posOff1[1];
				
				if (posun>0)
				{
					$('bottom').setStyle({padding :  posun +'px 0 0 0' });
				}
			}
		}
	}
	if ($('detail_area'))
	{
		var obj = $('detail_area').childElements(); 
		for (var key in obj)
		{
			var posOff2 = Position.cumulativeOffset(obj[key]);
			if (posOff2[1] > 0)
			{
				var size = obj[key].getHeight();
				var posun = (posOff2[1] + size)-posOff1[1];
				
				if (posun>0)
				{
					$('bottom').setStyle({padding :  posun +'px 0 0 0' });
				}
			}
		}
	}
	
	
}	
	
	
	//var posOff2 = Position.cumulativeOffset(element2);// -> [100, 100] (item is 100px from the left and top edges of the page) 
	
	//var size = element2.getHeight(); // -> { width: 150, height: 150 } 
	//Position.within(element2, posOff1[0], posOff1[1]); 
	//alert(Position.overlap('vertical', element2)) 
	//var posun = (posOff2[1] + size)-posOff1[1];
	//if (posun >0)
//	{
//		$('bottom').setStyle({padding :  posun +'px 0 0 0' });
//	}
//	Position.within(element, 260, 260); // -> false