var mnuSelected = '';
var subMnuSelected = '';
var defaultTimeOut = 1000;
var timerOn = false;

image1 = new Image();
image1.src = "images/bg-menuSubsBig.gif";

//Optional function allows for timouts on mouse out action.
function startTimeOut () {
	if (mnuSelected != '' && !timerOn) {
		timer = setTimeout('timeOutHideMenus()', defaultTimeOut);
		timerOn = true;
	}
}

//Optional function allows for timouts on mouse out action.
function resetTimeOut () {
	if (timerOn) {
		clearTimeout(timer);
		timerOn = false;
	}
}

//Optional function allows for timouts on mouse out action.
function timeOutHideMenus () {
	if (timerOn) {
		document.getElementById("gemSubs").style.visibility = 'hidden';
		document.getElementById("metalSubs").style.visibility = 'hidden';
		document.getElementById("categorySubs").style.visibility = 'hidden';
		document.getElementById("priceSubs").style.visibility = 'hidden';
		mnuSelected = '';
		timerOn = false;
	}
}

//Show the menu defined by 'menu.'
function showMenu (menu) {
	if (mnuSelected == menu) {
		hideMenu(menu);
		mnuSelected = '';
	} else {
		hideMenu(mnuSelected);
		document.getElementById(menu).style.visibility = 'visible';
		mnuSelected = menu;
	}
}

//Will allow for system-style menus. If a user clicks a menu then they
//can pan through the other menus by simple scrolling over them.
function continueShowMenu (menu) {
	if (mnuSelected != '') {
		hideMenu(mnuSelected);
		document.getElementById(menu).style.visibility = 'visible';
		mnuSelected = menu;
	}
}

//Hide the menu defined by 'menu.'
function hideMenu (menu) {
	if (mnuSelected != '' && menu != '') {
		document.getElementById(menu).style.visibility = 'hidden';
		mnuSelected = '';
	}
}

//Show the submenu defined by 'menu.'
function showSubMenu (menu) {
	document.getElementById(menu).style.visibility = 'visible';
	subMnuSelected = menu;
}

//Hide the submenu defined by 'menu.'
function hideSubMenu (menu) {
	if (subMnuSelected != '') {
		document.getElementById(menu).style.visibility = 'hidden';
	}
}