// CSS Menu Code

window.intShowFormTimeout = 0;

sfHover = function() {
	var sfEls = document.getElementById("topnav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			if (document.all){	
				window.clearTimeout(window.intShowFormTimeout);
				HideFormElements();
			}
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			if (document.all){	
				window.clearTimeout(window.intShowFormTimeout);
				window.intShowFormTimeout = window.setTimeout(	"ShowFormElements()",400);
			}
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

// The code below shows and hides form select elements. 
// We need this because our css menus appear below these elements 

function HideFormElements(){
	var selNodes = document.getElementsByTagName('select')
	var i=0;
	if (!selNodes.item(0))	{
		return false;
	}else{
		for(i = 0;i < selNodes.length; i++){
			selNodes.item(i).style.visibility = 'hidden';
		}
	}
}

function ShowFormElements(){	
	var selNodes = document.getElementsByTagName('select')
	var i=0;
	if (!selNodes.item(0)){
		return false;
	}else{
		for(i = 0;i < selNodes.length;i++){
			selNodes.item(i).style.visibility = 'visible';
		}
	}
}