jQuery.noConflict();
jQuery(document).ready(function($){
	var curMenu = "";
	$(["product", "company", "recruit"]).each(function(index, name){
		var menu = $("#" + name);
		var selected1 = false, selected2 = false;

		var popupMenu = $("#" + name + "_menu");
		popupMenu.css({
			left: menu.position().left,
			top: menu.position().top + menu.height()
		});

		$(menu).hover(function(){
			selected1 = true;
			if (curMenu != name && curMenu != ""){hideMenu(curMenu);}
			showMenu(name);
		}, function(){
			selected1 = false;
			checkHide(name);
		});
		$(popupMenu).hover(function(){
			selected2 = true;
		}, function(){
			selected2 = false;
			checkHide(name);
		});

		function checkHide(name){
			setTimeout(function(){
				if (!selected1 && !selected2){
					hideMenu(name);
				}
			}, 100);
		}
	});

	function showMenu(name){
		$("#" + name + "_menu").css("display", "block");
		$("#" + name).addClass("selected");
		curMenu = name;
	}
	function hideMenu(name){
		$("#" + name + "_menu").css("display", "none")
		$("#" + name).removeClass("selected");
		curMenu = "";
	}
});