window.addEvent('domready', function(){
	//drop down
	function dropDownMenu(menuContentDiv,menuActionElement,ddmenuHeight){
	
		var fx = new Fx.Styles(menuContentDiv, {duration:300, transition: Fx.Transitions.Quad.easeOut, wait:false});
		
		menuActionElement.addEvent('mouseenter', function(){
			menuContentDiv.setStyle('display','block');
			fx.start({
				'height': ddmenuHeight
			});
		});
		menuContentDiv.addEvent('mouseenter', function(){
			menuContentDiv.setStyle('display','block');										   
			fx.start({
				'height': ddmenuHeight
			});
		});
		menuActionElement.addEvent('mouseleave', function(){
			fx.start({
				'height': '0px'
			});
		});
		menuContentDiv.addEvent('mouseleave', function(){
			fx.start({
				'height': '0px'
			});
		});
	}
	var menuContentDivEl=$('dropDownSale');
	var menuActionElementEl=$('forSaleImage');
	menuContentDivEl.setStyle('display','');
	var ddHeight = $E('div', menuContentDivEl).getSize().size.y;
	menuContentDivEl.setStyle('display','none');
	menuContentDivEl.setStyle('height','0px');
	dropDownMenu(menuContentDivEl,menuActionElementEl,ddHeight);
	
	var menuContentDivEl=$('dropDownRent');
	var menuActionElementEl=$('forRentImage');
	menuContentDivEl.setStyle('display','');
	var ddHeight = $E('div', menuContentDivEl).getSize().size.y;
	menuContentDivEl.setStyle('display','none');
	menuContentDivEl.setStyle('height','0px');
	dropDownMenu(menuContentDivEl,menuActionElementEl,ddHeight);
	
	var menuContentDivEl=$('dropDownAbout');
	var menuActionElementEl=$('about_beloft_div');
	menuContentDivEl.setStyle('display','');
	var ddHeight = $E('div', menuContentDivEl).getSize().size.y;
	menuContentDivEl.setStyle('display','none');
	menuContentDivEl.setStyle('height','0px');
	dropDownMenu(menuContentDivEl,menuActionElementEl,ddHeight);
})