var t;
var bInMenu = false;

$(function(){
	$(".LeftMenuItem").hover(
		function(){$(this).css("background-color","#d8e6cf")},
		function(){$(this).css("background-color","")}
	);
	$(".NavMenuItem").hover(
		function(){$(this).css("background-color","#d8e6cf");bInMenu=true;},
		function(){$(this).css("background-color","");bInMenu=false;}
	);
	$(".MenuItem").hover(
		function(){$(this).css({'background-image':'url(../Images/menu_selected.jpg)','color':'#000000'});showMenu($(this));},
		function(){$(this).css({'background-image':'url(../Images/menu_normal.jpg)','color':'#B8B7B7'});bInMenu=false;timeoutMenus();}
	);
	
	$(".NavMenuDiv").hover(
		function(){
			bInMenu = true;
		},
		function(){
			bInMenu = false;
			//$(this).hide();
			timeoutMenus();
		}
	);
	
});
function timeoutMenus(){
	t = setTimeout('hideMenus();',500);
}
function showMenu(menu){
	var strMenu = $(menu).html().split(" ");
	var strShowDiv = "";
	switch(strMenu[0]){
		case "About":
		case "Membership":
		case "News":
		case "Resources":
			strShowDiv = strMenu[0];
			break;
		case "Home":
		case "Contact":
			hideMenus(true);
			break;
	}
	if(strShowDiv){
		hideMenus(true);
		bInMenu = true;
		var p = $(menu).position();
		var p2 = $(".HeaderBig").position();
		$("#"+strShowDiv).css({'top':p.top+44,'left':p.left+p2.left}).show();
	}
}
function hideMenus(bOverride){
	if(!bInMenu || bOverride){
		$("#About").hide();
		$("#Membership").hide();
		$("#News").hide();
		$("#Resources").hide();	
	}
}