/* originally from SimplytheBest.net, but I overhauled it when it went out of date.

HTML code:
onmouseover="openclose('dropdown1')" onmouseout="timerID=setTimeout('closeall()',2000)"


open the menu when openclose is called 

*/

var timerID = null;
drop1state=0
drop2state=0
drop3state=0
drop4state=0

ie = 0;  // Internet Explorer
n  = 0;  // Netscape
nn = 0;  // New Netscape

if (document.all) {
  ie = 1;
} else if (document.layers) {
  n = 1;
} else if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 5)) {
  nn = 1;
}

function closeall() {
//	if((drop1state==1)|(drop2state==1)|(drop3state==1)|(drop4state==1)) 	{
		if (ie) {
			dropdown1.style.visibility="hidden"; 
			dropdown2.style.visibility="hidden"; 
			dropdown3.style.visibility="hidden"; 
	 	   	dropdown4.style.visibility="hidden";
		} else if (n) { 
			document.dropdown1.visibility="hide"; 
			document.dropdown2.visibility="hide"; 	
			document.dropdown3.visibility="hide"; 
			document.dropdown4.visibility="hide";
		} else if (nn) {
			document.getElementById("dropdown1").setAttribute("style","visibility: hidden; position: absolute; top: 50px; left:0");
			document.getElementById("dropdown2").setAttribute("style","visibility: hidden; position: absolute; top: 50px; left:25%");
			document.getElementById("dropdown3").setAttribute("style","visibility: hidden; position: absolute; top: 50px; left:50%");
			document.getElementById("dropdown4").setAttribute("style","visibility: hidden; position: absolute; top: 50px; left:75%");
		}
/*		drop1state=0;
		drop2state=0;
		drop3state=0;
		drop4state=0;*/
//	}
}

// function openclose(drop) {
function openIt(drop) {
 clearTimeout(timerID);
 closeall();

 var xes = new Array();
 xes['dropdown1'] = "0";
 xes['dropdown2'] = "25%";
 xes['dropdown3'] = "50%";
 xes['dropdown4'] = "75%";

 var wids = new Array();
 wids['dropdown1'] = "100%";
 wids['dropdown2'] = "75%";
 wids['dropdown3'] = "50%";
 wids['dropdown4'] = "25%";

 if (n) document.layers[drop].visibility="show";
 else if (ie) document.all[drop].style.visibility="visible";
 else if (nn) document.getElementById(drop).setAttribute("style","visibility: visible; position: absolute; top: 50px; left: " + xes[drop] + "; width: " + wids[drop]);
}