openMenu = null;

function toggleMenu(mItem) {
//	alert(document.getElementsByTagName('div')[0].id);
	if(mItem != openMenu){
		closeMenu();
	}
	
	if (document.getElementById) {
		// IE AND MOZILLA
		thisMenu = document.getElementById(mItem).style;
		if (thisMenu.display == "block") {
			thisMenu.display = "none";
		}else{
			thisMenu.display = "block";
		}
	}else{
		// CHECK FOR NS4 !!!!!
		if (document.layers){
			obj = getIndex(mItem);
			// NS 4...
			if (obj.visibility == "hide") {
      	obj.visibility = "show";
      }else{
      	obj.visibility = "hide";
			}
			arrange();
		}else{
			// NON-COMPATIBLE BROWSER
			alert("Requires Netscape 4 or Internet Explorer 4 or above.");
		}
	}
	openMenu = mItem;
}

// close all open elements
function closeMenu(){	
	//IE & Mozilla
	if (document.getElementById) {
		elements = document.getElementsByTagName('div');
		for (i=0; i<elements.length; i++){
			if (elements[i].id.indexOf('menuChild') > -1){
				elements[i].style.display = "none";
			}
		}
	//NS4
	}else if (document.layers){
		elements = document.layers;
		for (i=0; i<elements.length; i++){
			if (elements[i].id.indexOf('menuChild') > -1){
				elements[i].visibility = "hide";
			}
		}
	
	}
}

// return element as an object (NS4)
function getIndex(Item) {
	obj = null;
	for (i=0; i<document.layers.length; i++) {
		whichEl = document.layers[i];
		if (whichEl.id == Item) {
			obj = document.layers[i];
			break;
		}
	}
	return obj;
}

// order elements (NS4)
function arrange() {
	//nextY = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
	nextY = 202;
	x = Math.round((innerWidth - 20 - 775) / 2);
	for (i=0; i<document.layers.length; i++) {
		whichEl = document.layers[i];
		if ((whichEl.visibility != "hide") && (whichEl.id.indexOf("menu") != -1)){
			whichEl.pageY = nextY;
			whichEl.pageX = x;
	    nextY += whichEl.document.height;
		}
	}
}

// initiate for NS4 only
function init(){
	if (document.layers) {
		firstEl = "menuParent1";
		firstInd = getIndex(firstEl);
		arrange();
	}
}