// JavaScript Document

jQuery( function($) {
	
	// ===========================
	// Add the corners for the background shadow
	// ===========================
	$("#shadowRepeat").append("<div id='shadow-b-r' class='shadowCorner'></div>").append("<div id='shadow-b-l' class='shadowCorner'></div>").append("<div id='shadow-t-r' class='shadowCorner'></div>").append("<div id='shadow-t-l' class='shadowCorner'></div>");

	// make the home icon nav bar button behave like a regular link, when you roll over it.
	$("#nav_bar_home").hover(
		function(){
			$("#nav_bar_home_icon").css("background-position", "0 0");
		},
		function(){
			$("#nav_bar_home_icon").css("background-position", "0 -15px");			
		}
	);
	
	
	// select the current nav bar button
	if (typeof(SELECTED_MENU) != "undefined") {
		if (typeof(SELECTED_MENU) == "string") {
		
			$("#nav_bar_" + SELECTED_MENU).css({"background-position":"0px 0px", "color":"#333" });
		}
	}
	
	// ===========================
	// Purple buttons, with round ends
	// ===========================
	$("a.purpleButton").append("<div class='leftEnd'></div>").append("<div class='rightEnd'></div>");
	

	// ===========================
	// Drop down menues
	// ===========================
	
	$(".dropDownNavMenu").each(
		function() {
			$(this).find("a:last").css("border-bottom", "none");
		}
	);
	
	$("#menu .hasMenu").each(	// top level menu items that have a drop down
		function(i, mainNav) {
			$mainNav = $(mainNav);
			var $menu = $($mainNav.attr("rel"));	// rel of the top level button is a selector for the submenu
			
			// position the sub menu in the right place
			$menu.css("left", ($mainNav.position().left));
			$menu.css("top", ($mainNav.position().top + $mainNav.outerHeight()));
			$menu.data('parent', $mainNav);
			
			// disable the click on the top level menu item
			$mainNav.click(function(){return false});
			
			// create the hover events
			$menu.mouseover(function() {showMenu($menu)});
			$menu.mouseout(hideMenus);
			$mainNav.mouseover(function() {showMenu($menu)});
			$mainNav.mouseout(hideMenus);
		}				 
	);
	
	
	var MENU_TIMER = null;
	var MENU_DELAY = 700;
	

	function cancelHideMenu () {
		 window.clearTimeout(MENU_TIMER);
	}

	function showMenu ($menu) {
		cancelHideMenu();
		hideMenusNow();
		$menu.show();
		
		$menu.data('parent').addClass('menu_btn_hover');
	}
	
	function hideMenus() {
		 MENU_TIMER = window.setTimeout(hideMenusNow, MENU_DELAY);
	}
	
	
	function hideMenusNow () {
		$("#menu .dropDownNavMenu").hide();
		$("#menu .hasMenu").removeClass('menu_btn_hover');	
	}
});