// JavaScript Document
function IEHoverPseudo() {

	var navItems = document.getElementById("mainlevelmainnav").getElementsByTagName("li");
	
	for (var i=0; i<navItems.length; i++) {
			navItems[i].onmouseover=function() { this.className += " sfhover"; }
			navItems[i].onmouseout=function() { this.className=this.className.replace(" sfhover", ""); this.style.zIndex=100; } 
	} /* endfor */

} /* endfunction */

/* function to change the stylesheet dynamically, pass the stylesheet name in the function call */
function setStyle(stylename) {
   var lnk = document.getElementsByTagName("LINK")[0];
   lnk.href = stylename;
}

window.onload = IEHoverPseudo;