$(function(){
	var imgpath="/_images/";
	$(".navItem").hover(
		 function()
		 {
			//console.log("----------------------------------------- ROLLOVER BEGIN");
			var uid=$(this).attr("nuid");
			//console.log("ROLLOVER - "+uid);
			//console.log(uid +"'s source image is "+$(this).children("a").children("img").attr("src"));
			if($(this).attr("sel")==0){
				$(this).css('background-color', '#777d43');
			}
			
			//SHOW SUB NAV
			//console.log("now "+uid +"'s source image is "+$(this).children("a").children("img").attr("src"));
			//console.log("looking for #snav"+uid + " to show");
			var position = $(this).position();
			//console.log(position.left);
			$(this).parent().parent().parent().parent().find("#snav"+uid).css("left",position.left);
			$(this).parent().parent().parent().parent().find("#snav"+uid).show();
			//console.log("before open is " + $(this).attr("overme"));
			$(this).attr("overme",1);
			//console.log("now it is " + $(this).attr("overme"));
			////console.log("------------------------ ROLLOVER END");
		 },
		 function()
		 {
			//console.log("----------------------------------------- ROLLOUT BEGIN");
			var uid=$(this).attr("nuid");
			if($(this).attr("sel")==0){
				$(this).css('background-color', '#89904D');
			}
			
			//console.log("ROLLOUT - "+uid);
			$(this).attr("overme",0);
			setTimeout(function(){hideSubNav(uid)}, 200);
			////console.log("------------------------ ROLLOUT END");
		 }
	);
		
	function hideSubNav(uid){
		//console.log("----------------------------------------- HIDE SUB NAV BEGIN");
		var seldiv=$('[nuid='+uid+']');
		var selsubdiv=$('[snuid='+uid+']');
		//console.log("HIDE SUB NAV - "+uid + " and target div = "+seldiv.attr("overme")+" and subnav =" +selsubdiv.attr("overme"));
		if((seldiv.attr("overme")==0) && (selsubdiv.attr("overme")==0)){
			//console.log("HIDE SUB NAV - "+uid+" overme is equal to 1");
			$("#snav"+uid).hide();
			if(seldiv.attr("sel")==0){
				var newsrc=imgpath+"nav/nav_0"+uid+".png";
				seldiv.children("a").children("img").attr("src",newsrc);
			}
		}
		////console.log("------------------------ HIDE SUB NAV END");
	}
	
	$(".subnav").hover(				
		 function()
		 {
			var uid=$(this).attr("snuid");
			var seldiv=$('[nuid='+uid+']');
			$(this).attr("overme",1);
		 },
		 function()
		 {
			var uid=$(this).attr("snuid");
			var seldiv=$('[nuid='+uid+']');
			$(this).attr("overme",0);
			setTimeout(function(){hideSubNav(uid)}, 200);
		 }
	);
	
	$(".subnavItem").click(function() {
		var url=$(this).attr("ref");
  		gotourl(url);
		
	});
	
	function gotourl(url){
		window.location=url;
	}

});