sfHover = function() {
	var nav = document.getElementById('siteNavigation');
	setShim(nav);
}

// Use for multi level menus, not required here.
// sfHover = function() {
	// Find all unordered lists.
// 	var ieNavs = document.getElementsByTagName('ul');
// 	for(i=0; i<ieNavs.length; i++) {
// 		var ul = ieNavs[i];
		// If they have a class of nav add the menu hover.
// 		if(ul.id == "siteNavigation")
// 			setHover(ul);
// 	}
//}

function setShim(nav) {
	var navULs = nav.getElementsByTagName('ul');
	
	if (navigator.appVersion.substr(22,3)!="5.0") {
		
		// IE script to cover <select> elements with <iframe>s
		for (j=0; j<navULs.length; j++) {
			var ieShim=document.createElement('iframe');
			if(document.location.protocol == "https:")
				ieShim.src="//0";
			else if(window.opera != "undefined")
				ieShim.src="";
			else
				ieShim.src="javascript:false";
				ieShim.scrolling="no";
				ieShim.frameBorder="0";
				ieShim.style.width=navULs[j].offsetWidth+"px";
				ieShim.style.height=navULs[j].offsetHeight+"px";
				ieShim.style.zIndex="-1";
				navULs[j].insertBefore(ieShim, navULs[j].childNodes[0]);
				navULs[j].style.zIndex="101";
		}
		// IE script to change class on mouseover
		var navLIs = nav.getElementsByTagName('li');
		for (var i=0; i<navLIs.length; i++) if (navLIs[i]) {
			// Does this LI have children? If so add a sfnode class.
			if (navLIs[i].getElementsByTagName("UL").length>0){
				navLIs[i].className+=" sfnode";
			}
			
			// Add a sfhover class to the li.
			navLIs[i].onmouseover=function() {this.className+=" sfhover";}
			navLIs[i].onmouseout=function() {this.className=this.className.replace(' sfhover', '');}
		}
	} else {
	
		// IE 5.0 doesn't support iframes so hide the select statements on hover and show on mouse out.
		// IE script to change class on mouseover
		var navLIs = document.getElementById('nav').getElementsByTagName('li');
		for (var i=0; i<navLIs.length; i++) if (navLIs[i]) {
			navLIs[i].onmouseover=function() {this.className+=" sfhover";hideSelects();}
			navLIs[i].onmouseout=function() {this.className=this.className.replace(' sfhover', '');showSelects()}
		}
	}
}

// If IE 5.0 hide and show the select statements.
function hideSelects(){

	var oSelects=document.getElementsByTagName("select");
	for(var i=0;i<oSelects.length;i++)
		oSelects[i].className+=" hide";
}

function showSelects(){
	
	var oSelects=document.getElementsByTagName("select");
	for(var i=0;i<oSelects.length;i++)
		oSelects[i].className=oSelects[i].className.replace(" hide","");
}

// Run this only for IE.
if (window.attachEvent) window.attachEvent('onload', sfHover);
// end