var closeMenu;
var mainNavigationOn = new Array();
var mainNavigationOff = new Array();

$(function(){

	doc = function(){
		if (self.innerHeight) {
			doc.pageYOffset = self.pageYOffset;
			doc.pageXOffset = self.pageXOffset;
			doc.innerHeight = self.innerHeight;
			doc.innerWidth = self.innerWidth;
		} else if (document.documentElement && document.documentElement.clientHeight) {
			doc.pageYOffset = document.documentElement.scrollTop;
			doc.pageXOffset = document.documentElement.scrollLeft;
			doc.innerHeight = document.documentElement.clientHeight;
			doc.innerWidth = document.documentElement.clientWidth;
		} else if (document.body) {
			doc.pageYOffset = document.body.scrollTop;
			doc.pageXOffset = document.body.scrollLeft;
			doc.innerHeight = document.body.clientHeight;
			doc.innerWidth = document.body.clientWidth;
		}
		return doc;
	}


	// hack for centering the background image.	
	if($.browser.msie)
	{ $("body").css("margin-left","1px"); }

	//drop down menu
	$("#header-nav .nav-image").each(function(i){
	
	
		//build the navagation array
		mainNavigationOff[i] = $(this).attr("src");
		if($(this).attr("id") != "activeNav")
		{ mainNavigationOn[i] = mainNavigationOff[i].split(".gif")[0] + "-hover.gif"; }
		else
		{ mainNavigationOn[i] = mainNavigationOff[i]; }
		
		//hover for ths top level
		$(this).hover(
			function() {
				if(typeof closeMenu != "undefined")
				{ clearTimeout(closeMenu);	}
				
				//close any old open menus
				activeId = $("#header-nav .nav-image").index( $("img[@name=currentActive]")[0] );
				killNav(activeId);
								
				obj = $("#header-nav .nav-hover").eq(i);
				
				//position menu
				var position = $(this).offset({scroll: false});
				$(obj).css("top",parseInt(position.top + $(this).height()));
				$(obj).css("left",parseInt(position.left));
				
				//show both layers	
				if($.browser.msie)
  				{ $("select").hide(); }
				
				$(obj).show();
				$(this).attr("src",mainNavigationOn[i]);
				
				// set these to the active nav
				$(obj).attr("name","currentActive");
				$(this).attr("name","currentActive");
				
			},
			function() {
				//create timer
				closeMenu = setTimeout(function() { killNav(i); },1000);
			}
		);
		// -------------------------
		
		// hover for submenu
		$("#header-nav .nav-hover").eq(i).hover(
			function() {
				if(typeof closeMenu != "undefined")
				{ clearTimeout(closeMenu);	}
			},
			function() {
				obj = $(this);
				closeMenu = setTimeout(function() { killNav(i); },1000);
		});
		// ---------------------
		
	});

});

function killNav(id) {
  $("#header-nav .nav-hover").eq(id).hide();
  $("#header-nav .nav-hover").eq(id).attr("name","");
  $("#header-nav .nav-image").eq(id).attr("src",mainNavigationOff[id]);
  $("#header-nav .nav-image").eq(id).attr("name","");
  
  //ie 6 only show dropdowns
  if($.browser.msie)
  { $("select").show(); }
};

/* Find Mouse Coordinates Function */
function getMouseCoord(e){
	(!e) ? e = window.event : e = e;
	objDoc = new doc();
	(e.pageX) ? objDoc.pageX = e.pageX : objDoc.pageX = e.clientX + objDoc.scrollLeft;
	(e.pageY) ? objDoc.pageY = e.pageY : objDoc.pageY = e.clientY + objDoc.scrollTop;
	return [e.pageX,e.pageY];
}