//store status of menus, visible or showing
var menuStatusArray = new Array();
menuStatusArray[0] = false;
menuStatusArray[1] = false;

var menuActiveStatusArray = new Array();
menuActiveStatusArray[0] = true;
menuActiveStatusArray[1] = true;
    
function showSubMenu(subName, imgName) {
	var subMenuToShow = new getObj(subName);
	
	if (!menuStatusArray[subName]) {
		//show sub menu
		subMenuToShow.style.display = "block";
		menuStatusArray[subName] = true;
		document[imgName].src = "/images/menu_images/"+imgName+"On.gif";
	}
	else {
		//hide sub menu
		subMenuToShow.style.display = "none";
		menuStatusArray[subName] = false;
		document[imgName].src = "/images/menu_images/"+imgName+"Off.gif";
	}
}

function menuOver(menuItem) {
    //activate rollover
    var tmpMenuItem = new getObj(menuItem);
    tmpMenuItem.style.cursor = 'pointer';
	document[menuItem].src = "/images/menu_images/"+menuItem+"Over.gif";
}

function menuOut(menuItem) {
    //only turn image to off if not selected
	document[menuItem].src = "/images/menu_images/"+menuItem+"Off.gif";
}

function specialSubMenuOut(subName, menuItem) {
    var subMenuToShow = new getObj(subName);
    if (!menuStatusArray[subName]) {	
	    //only turn image to off if not selected
	    document[menuItem].src = "/images/menu_images/"+menuItem+"Off.gif";
	}
	else {
	    document[menuItem].src = "/images/menu_images/"+menuItem+"On.gif";
	}
}

function showPageActiveSubMenu(subName, imgName) {
    //user is clicking menu item of active page
	var subMenuToShow = new getObj(subName);
	
	if (!menuActiveStatusArray[subName]) {
		//show sub menu
		subMenuToShow.style.display = "block";
		menuActiveStatusArray[subName] = true;
		document[imgName].src = "/images/menu_images/"+imgName+"On.gif";
	}
	else {
		//hide sub menu
		subMenuToShow.style.display = "none";
		menuActiveStatusArray[subName] = false;
		document[imgName].src = "/images/menu_images/"+imgName+"Active.gif";
	}
}