var OffMenu = 750;			// Remove Menu/Layer when no Mouseover after xxxx Milliseconds (1000 = 1 second)
var OffHighLight = 2000;	// Remove Menu/Layer when no item highligted after xxxx Milliseconds (1000 = 1 second)
var menuActive = 0;
var onLayer;
var timeOn = null;

// Show Current Layer Menu

function showLayer(Id){

 	if (timeOn != null) {		// Remove old Layer if it hasn't timed out
 		clearTimeout(timeOn)
 		hideLayer(onLayer)
 	}
	
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
	
	 onLayer = Id		// Remember current layer
}

// Remove Current Layer Menu

function hideLayer(Id){

	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}


// Set Timer Mouse Off of Menu / Layer

function btnTimer() {

	 timeOn = setTimeout("btnOut()", OffMenu )
}

// Button Mouse Out

function btnOut(layerName) {
 	if (menuActive == 0) {
 		hideLayer(onLayer)
 	}
}

// Menu Mouse Active

function menuOver(itemName) {

	clearTimeout(timeOn)
 	menuActive = 1
}

// Set Timer Mouse Off of Individual Menu Item

function menuOut(itemName) {

 	menuActive = 0 
 	timeOn = setTimeout("hideLayer(onLayer)", OffHighLight )
 }
 
