var currentMenu = null;
var subNavArray =  new Array("aboutDrop", "membershipDrop");
var showPop = false;

function initSubNav() {
	for(var x=0; x<subNavArray.length; x++) {
		adjustSubPos(subNavArray[x]);
	}
	showPop = true;
}

function adjustSubPos(menuToShow) {
	var xTop = 23;
	var xLeft = 0;
	
	var mySubNavElement = document.getElementById("subNavigation");
	var mySubMenuElement = document.getElementById(menuToShow);
	
	switch(menuToShow) {
		case "aboutDrop":
			xLeft = -10;
			break;
		case "membershipDrop":
			xLeft = 136;
			break;
		default:
			break;
	}
	
	xTop  += parseInt(mySubNavElement.offsetTop);
	xLeft += parseInt(mySubNavElement.offsetLeft);

	mySubMenuElement.style.top  = xTop  + "px";
	mySubMenuElement.style.left = xLeft + "px";
}

function showSubMenu(menuToShow) {
	if(showPop) {
		if(menuToShow != currentMenu && currentMenu != null) {
			hideSubMenu();
		}
		document.getElementById(menuToShow).style.visibility = "visible";
		currentMenu = menuToShow;
	}
}

function hideSubMenu() {
	document.getElementById(currentMenu).style.visibility = "hidden";
}

function changeSubBG(subNavItem) {
	
	document.getElementById(subNavItem+"_bullet").style.backgroundColor = "#C9D5EE";
	document.getElementById(subNavItem).style.backgroundColor = "#C9D5EE";
	
	switch(subNavItem) {
		case "about_link_3":
			document[subNavItem+'_bottom'].src=eval("about_bottom_high.src");
			break;
		case "membership_link_5":
			document[subNavItem+'_bottom'].src=eval("about_bottom_high.src");
			break;
		default:
			break;
	}
} 
function removeSubBG(subNavItem, bottomItem) {
	document.getElementById(subNavItem+"_bullet").style.backgroundColor = "";
	document.getElementById(subNavItem).style.backgroundColor = "";

	switch(subNavItem) {
		case "about_link_3":
			document[subNavItem+'_bottom'].src=eval("about_bottom.src");
			break;
		case "membership_link_5":
			document[subNavItem+'_bottom'].src=eval("about_bottom.src");
			break;
		default:
			break;
	}
}

function swapImgOn(img) {
		document[img].src = eval(img+"_on.src");
}

function swapImgOff(img) {
	document[img].src = eval(img+"_off.src");
}

var about_off = new Image();
about_off.src = "/welcome/img/nav/about_off.gif";
var about_on = new Image();
about_on.src = "/welcome/img/nav/about_on.gif";

var membership_off = new Image();
membership_off.src = "/welcome/img/nav/membership_off.gif";
var membership_on = new Image();
membership_on.src = "/welcome/img/nav/membership_on.gif";

var about_bottom_high = new Image();
about_bottom_high.src = "/welcome/img/nav/bottom_about_high.gif";
var about_bottom = new Image();
about_bottom.src = "/welcome/img/nav/bottom_about.gif";