jQuery.easing.def = "easeInOutBack"
$(document).ready(function(){
	$("#content").mouseenter(function(){
		hideMenu()
	})
	$("#menu ul li:gt(0)").mouseenter(function()
	{
		var menu = $(this)
		if (!menu.hasClass("selected"))
		{
			width = $(this).width()
			offset = $(this).offset().left - (Math.ceil($("body").width()/2)-500)
			hover = $("#menu ul li.hover")
			menuNum = menu.attr("menu")
			if (menuNum)
				subMenu = $("#submenu ul[menu="+menuNum+"]")
			else
				subMenu = false
			if (hover.is(":visible"))
			{
				hover.css({"left" : offset, "width" : width}).show()
				if (subMenu)
				{
					subMenu.siblings().hide()
					subMenu.css("left",offset+8).show()	
				}
				else
					$("#submenu ul").hide()
				menu.addClass("selected").siblings().removeClass("selected")
			}
			else
			{
				hover.width(width)
				hover.css("left",offset)
				menu.addClass("selected")					
				hover.fadeIn(500)
				if (subMenu)
					subMenu.css("left",offset+8).show()
			}
		}
	})
	function hideMenu()
	{
		$("#menu ul li.hover").fadeOut(700,function(){
			$("#submenu ul").hide()
			$("#menu li.selected").removeClass("selected")
		})
	}
})