startList = function() {
	if (document.getElementById) {
		navRoot = document.getElementById("nav");
		
		if (navRoot == null) {
			return;
		}
		
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover = function() {
					showItem(this.id)
					hideSelects()
				}
				node.onmouseout = function() {
					hideItem(this.id)
					showSelects()
				}

				for (j=0; j<node.childNodes.length; j++) {
					if (node.childNodes[j].nodeName == "UL") {
						for (k=0; k<node.childNodes[j].childNodes.length; k++) {
							if (node.childNodes[j].childNodes[k].nodeName == "LI") {
								node.childNodes[j].childNodes[k].onmouseover = function() {
									this.className = "over"
								}
								node.childNodes[j].childNodes[k].onmouseout = function() {
									this.className = ""
								}
							}
						}
					}
				}
			}
		}
	}
}
window.onload=startList;

var layerStates = []
var layerTimeout = null

function showItem(divId) {
	layerStates[divId] = "over"
	document.getElementById(divId).className = "over";
	var imgSrc = document.images["i"+divId.substr(1)].src
	if (imgSrc.indexOf("_hi.") < 0) {	
		document.images["i"+divId.substr(1)].src = imgSrc.replace(/\.gif$/, "_hi.gif")
	}
	if (!layerTimeout) {
		layerTimeout = checkLayerStatus()
	}
}

function hideItem(divId) {
	layerStates[divId] = "out"
}

function checkLayerStatus() {
	var checkNeeded = false
	for (var divId in layerStates) {
		if (layerStates[divId] == "out" && document.getElementById(divId)) {
			listItem = document.getElementById(divId)
			listItem.className = "";
			layerTimeout = null
			var imgSrc = document.images["i"+divId.substr(1)].src
			if (imgSrc.indexOf("_hi.") >= 0) {	
				document.images["i"+divId.substr(1)].src = imgSrc.replace(/_hi\.gif/, ".gif")
			}
		} else {
			checkNeeded = true
		}
	}
	if (checkNeeded) {
		return setTimeout("checkLayerStatus()", 100)
	} else {
		return null
	}
}

function hideSelects() {
	var selects = document.getElementsByTagName("select");
	for (var i=0; i<selects.length; i++) {
		selects[i].style.visibility = 'hidden'
	}
}

function showSelects() {
	var selects = document.getElementsByTagName("select");
	for (var i=0; i<selects.length; i++) {
		selects[i].style.visibility = 'visible'
	}
}