var setCloseMenu = false;
var setCloseSideMenu = false;

// overly simplistic test for IE
isIE = (document.all ? true : false);
// both IE5 and NS6 are DOM-compliant (well, sort of...)
isDOM = (document.getElementById ? true : false);
	
menuList = new Array();
sideMenuList = new Array();

productSideMenuCount = 4;
customerSideMenuCount = 0;

menuList[0] = new Array("productMenu", "productSubMenu", "url('../images/nav_prod1.jpg')", "url('../images/nav_prod2.jpg')");
for(x = 0; x < productSideMenuCount; x++){
	sideMenuList.push(new Array("productSideMenu" + x, "productSubMenu"));
}

menuList[1] = new Array("customerCareMenu", "customerCareSubMenu", "url('../images/nav_cust1.jpg')", "url('../images/nav_cust2.jpg')");
for(x = 0; x < customerSideMenuCount; x++){
	sideMenuList.push(new Array("customerSideMenu" + x, "customerSubMenu"));
}

menuList[2] = new Array("patientMenu", "patientSubMenu", "url('../images/nav_patient1.jpg')", "url('../images/nav_patient2.jpg')");




function openMenu(menuButtonID, menuID){
	var moveLeft = 0;
	var moveDown = 0;
	if(menuButtonID == "productMenu"){
		moveLeft = 17;
	}
	
	
    if(isDOM){
    	var menuButton = document.getElementById(menuButtonID);
    	var buttonStyle = menuButton.style;
    	var subNavMenuElement = document.getElementById(menuID); 
		var subNavMenuStyle = subNavMenuElement.style;	
		var arrowStyle = document.getElementById(menuButtonID + "Arrow");
	}else if(isIE){
		var menuButton = document.all[menuButtonID];
		var buttonStyle = menuButton.style; 
		var subNavMenuElement = document.all[menuID];
		var subNavMenuStyle = subNavMenuElement.style;
		moveDown = 10;
	}
	closeOtherMenus(menuButtonID);
	setCloseMenu = false;
	buttonStyle.backgroundImage = menuList[0][3];		//Swap Background Image
	subNavMenuStyle.visibility="visible";
	subNavMenuStyle.display = "block";
	subNavMenuStyle.left = (getOffsetLeft(menuButton) + moveLeft + 10) + "px";
	subNavMenuStyle.top = (getOffsetTop(menuButton) + menuButton.offsetHeight + moveDown + 13) + "px";
	subNavMenuStyle.width = (menuButton.offsetWidth - moveLeft) + "px";
	
    return true;
}


function closeAllMenus(){
	if(setCloseMenu){
		closeAllSideMenus();
		for(x = 0; x < menuList.length; x++){
			closeMenu(menuList[x][0], menuList[x][1]);
		}
	}
	return true;
}

function closeOtherMenus(menuButtonID){
	if(setCloseMenu){
		for(x = 0; x < menuList.length; x++){
			if(menuList[x][0] != menuButtonID){
				closeMenu(menuList[x][0], menuList[x][1]);
			}
		}
	}
	return true;
}


function closeMenu(menuButtonID, menuID){
	if(isDOM){
    	var buttonStyle = document.getElementById(menuButtonID).style;
    	var subNavMenuElement = document.getElementById(menuID); 
		var subNavMenuStyle = subNavMenuElement.style;
		var arrowStyle = document.getElementById(menuButtonID + "Arrow");
		
	}else if(isIE){
		var buttonStyle = menuButton.style; 
		var subNavMenuElement = document.all[menuID].style;
		var subNavMenuStyle = subNavMenuElement.style;
		var arrowStyle = document.all[menuButtonID + "Arrow"];
		
	}
	buttonStyle.backgroundImage = menuList[0][2];
	subNavMenuStyle.visibility="hidden";
	
}


function closeAllSideMenus(){
	if(setCloseMenu){
		for(x = 0; x < sideMenuList.length; x++){
			closeSideMenu(sideMenuList[x][0]);
		}
	}
	return true;
}

function closeOtherSideMenus(sideMenuID){
	if(setCloseMenu){
		for(x = 0; x < sideMenuList.length; x++){
			if(sideMenuList[x][0] != sideMenuID){
				closeSideMenu(sideMenuList[x][0]);
			}
		}
	}
	return true;
}


function closeSideMenu(menuID){
	if(isDOM){
    	var subNavMenuElement = document.getElementById(menuID); 
		var subNavMenuStyle = subNavMenuElement.style;
	}else if(isIE){
		var subNavMenuElement = document.all[menuID].style;
		var subNavMenuStyle = subNavMenuElement.style;
	}
	subNavMenuStyle.visibility="hidden";
}


// Side navigation functions.

function openSideMenu(parentMenuID, sideMenuID, menuItem){
	var moveLeft = 0;
	var moveDown = 0;
	
    if(isDOM){
    	var parentMenu = document.getElementById(parentMenuID);
    	var subNavMenuElement = document.getElementById(sideMenuID); 
		var subNavMenuStyle = subNavMenuElement.style;	
		var arrowStyle = document.getElementById(parentMenu + "Arrow");
		
	}else if(isIE){
		var parentMenu = document.all[parentMenuID];
		var subNavMenuElement = document.all[sideMenuID];
		var subNavMenuStyle = subNavMenuElement.style;
		moveDown = 10;
		
	}
	closeOtherSideMenus(sideMenuID);
	setCloseMenu = false;
	setCloseSideMenu = false;
	subNavMenuStyle.visibility="visible";
	subNavMenuStyle.display = "block";
	subNavMenuStyle.left = (getOffsetLeft(parentMenu) + parentMenu.offsetWidth + 1) + "px";
	subNavMenuStyle.top = (getOffsetTop(menuItem) - 3) + "px";
	subNavMenuStyle.width = (parentMenu.offsetWidth - moveLeft) + "px";
	
    return true;
}







function getOffsetLeft(selectedElement){
	var offsetValue = 0;
	
	if(selectedElement.offsetParent != null){
		offsetValue = selectedElement.offsetLeft;
		offsetValue = offsetValue + getOffsetLeft(selectedElement.offsetParent);	
	}
	return offsetValue;
}

function getOffsetTop(selectedElement){
	var offsetValue = 0;
	if(selectedElement.offsetParent != null){
		offsetValue = selectedElement.offsetTop;
		offsetValue = offsetValue + getOffsetTop(selectedElement.offsetParent);	
	}
	return offsetValue;
}