var drop_speed = 1;
// pixels/millisecond

var close_speed = 200;
// milliseconds

var delay_before_closing = 100;
// milliseconds

$j(document).ready(function(){
	hover = false;
	var timer;
	$j('.app_nav .emenu').each(function(){
		var menu_id = $j('a',this).attr('rel');
		var menu = $j('.edropdown#'+menu_id);
		var offset = $j('a',this).offset();
		menu.attr('rel',menu.height()).css({
			top: offset.top+21,
			left: offset.left-4,
			display: 'block',
			height: 0
		});
	});
	
	$j('.app_nav .emenu a').hover(function(){
		var menu_id = $j(this).attr('rel');
		var menu = $j('.edropdown#'+menu_id);
		var height = menu.attr('rel');
		clearTimeout(timer);
		$j('.edropdown[id!='+menu_id+']').stop().animate({ height: '0px' },close_speed);
		if(menu.height()==0)
			menu.animate({ height: height+'px' },(height/drop_speed));
	}, function() {
		var menu_id = $j(this).attr('rel');
		var menu = $j('.edropdown#'+menu_id);
		timer = setTimeout(function(){closeMenu(menu);},delay_before_closing);
	});
	
	$j('.edropdown').hover(function(){
		hover = $j(this).attr('id');
	}, function() {
		hover = false;
		var menu = $j(this);
		timer = setTimeout(function(){closeMenu(menu);},delay_before_closing);
	});
});

function closeMenu(menu){
	if(menu.attr('id') != hover){
		menu.animate({ height: "0px" },close_speed);
	}
}