$(document).ready(function() {
	var subMenuOpen = false;
	var menuItemSelected = false;
	var menuId = 0;
	var subMenuHeight = 125;
	
	$("#menu li").bind("mouseenter mouseleave", function(e) {
		var id = $(this).attr("id").replace('menu_', '');
		if ($("#subMenu_"+ id +"").length > 0) {
			
			if (e.type == 'mouseenter') {
				menuId = id;
				menuItemSelected = true;
				
				if (!subMenuOpen) {
					$("#subMenu_"+ id +"").animate({
						height: subMenuHeight + "px",
						marginTop: "-"+ subMenuHeight +"px"
					}, 600, showSubMenuItems);
				} else {				
					showSubMenuItems();
				}
			} else {
				menuItemSelected = false;
				
				slideDownSubMenu();
			}
		}
	});
	
	$(".subMenu").bind("mouseenter mouseleave", function(e) {
		if (e.type == 'mouseenter') {
			menuItemSelected = true;
		} else if (e.type == 'mouseleave') {
			menuItemSelected = false;
			
			slideDownSubMenu();
		}
	});
	
	function slideDownSubMenu() {
		setTimeout(function() {
			if (menuItemSelected) {
				window.clearTimeout()
			} else {				
				$(".subMenu").animate({
					height: "0px",
					marginTop: "0px"
				}, 600, hideSubMenu);
			}
		}, 600);
	}
	
	function hideSubMenu() {
		subMenuOpen = false;
		
		$(".subMenu").css("display", "none");
	}
	
	function showSubMenuItems() {
		subMenuOpen = true;		
		
		$("#subMenu_"+ menuId +"").css({
			height: subMenuHeight + "px",
		  marginTop: "-"+ subMenuHeight + "px"
		}).show();
		
		$("#subMenu_"+ menuId +" ul").show();
		
		$(".subMenu[id!='subMenu_"+ menuId +"']:visible").hide();
	}
});