$(function(){
	var debug = false;
	debugThis = function(str){
		if(debug){
			$("#debug").prepend(str+"<br/>");
		}
	}
	if(debug){		
		$("#content").append("<pre id='debug'></pre>");
	}
	
	var menu = $("#homenav");
	menu.closeTimer = false; 
	
	var showMenu = function(){
		menu.show();
		clearCloseout();
		$("#zonenav .zones li:first").addClass("active");
		
		debugThis("menu show");
	}
	var hideMenu = function(){
		menu.hide();
		clearCloseout();
		$("#zonenav .zones li:first").removeClass("active");
		closeSubmenus(menu.find("ul ul li"));
		
		debugThis("menu hide");
	}
	var setCloseOut = function(){
		clearCloseout();
		menu.closeTimer = window.setTimeout(function(){
			hideMenu();			
		}, 1000);
		
		debugThis("set closeout");
	}
	var clearCloseout = function(){
		window.clearTimeout(menu.closeTimer);
		
		debugThis("clear closeout");
	}
	var openSubmenu = function(elem){
		$(elem).next().show();
	}
	var closeSubmenus = function(elem){
		$(elem).find("ul").hide();
	}
	
	$("#zonenav .zones a")
		.mouseover(hideMenu);
		
	$("#zonenav .zones a:first")
		.mouseover(function(event){
			event.preventDefault();
			showMenu();
			clearCloseout;
		})
		.mouseout(setCloseOut);
	
	menu
		.mouseover(clearCloseout)
		.mouseout(setCloseOut)
		.find("ul ul li a")
			.mouseover(function(event){
				event.stopPropagation();
				closeSubmenus($(this).parent().parent());
				openSubmenu(this);
				clearCloseout();
			});	
			
	menu
		.find(":first-child").children()
		.mouseover(function(){
			closeSubmenus($(this).parent().find("ul"));
		});	
});