// JavaScript Document
sfHover = function() {
	// Find all unordered lists.
	var ieNavs = document.getElementsByTagName('ul');
	var regEx = /\bdropDown\b/;
	for(i=0; i<ieNavs.length; i++) {
		var ul = ieNavs[i];
		// If they have a class of nav add the menu hover.
		if(ul.className.search(regEx) >= 0)
			setHover(ul);
	}
}

function setHover(nav) {
	var ieDivs = nav.getElementsByTagName('div');
	var divRegEx = /\bsubMenu\b/;
	var liRegEx = /\bdropDownItem\b/;	
	// IE script to cover <select> elements with <iframe>s
	for (j=0; j<ieDivs.length; j++) {
		if(ieDivs[j].className.search(divRegEx) >= 0) {
			var divBorderHeight = parseInt(ieDivs[j].currentStyle.borderTopWidth.replace("px", "")) + parseInt(ieDivs[j].currentStyle.borderBottomWidth.replace("px", ""));
			var divBorderWidth = parseInt(ieDivs[j].currentStyle.borderLeftWidth.replace("px", "")) + parseInt(ieDivs[j].currentStyle.borderRightWidth.replace("px", ""));	
			var ieMat=document.createElement('iframe');
			if(document.location.protocol == "https:")
				ieMat.src="//0";
			else
				ieMat.src="javascript:false";
			ieMat.scrolling="no";
			ieMat.frameBorder="0";
			ieMat.style.width=ieDivs[j].offsetWidth-divBorderWidth+"px";
			ieMat.style.height=ieDivs[j].offsetHeight-divBorderHeight+"px";
			ieMat.style.zIndex="-1";
			ieDivs[j].insertBefore(ieMat, ieDivs[j].childNodes[0]);
			ieDivs[j].style.zIndex="101";
		}
		// IE script to change class on mouseover
		var ieLIs = nav.getElementsByTagName('li');
		for (var i=0; i<ieLIs.length; i++) if (ieLIs[i].className.search(liRegEx) >= 0) {
			// Add a sfhover class to the li.
			ieLIs[i].onmouseover=function() {this.className+=" sfHover";}
			ieLIs[i].onmouseout=function() {this.className=this.className.replace(' sfHover', '');}
		}
	}
}

/*function setHover(nav) {
	var ieDivs = nav.getElementsByTagName('div');
	// IE script to cover <select> elements with <iframe>s
	for (j=0; j<ieDivs.length; j++) {
		var divClassArray = ieDivs[j].className.split(" ");
		for (i=0; i<divClassArray.length; i++) {
			if(divClassArray[i] == "subMenu") {
				var divBorderHeight = parseInt(ieDivs[j].currentStyle.borderTopWidth.replace("px", "")) + parseInt(ieDivs[j].currentStyle.borderBottomWidth.replace("px", ""));
				var divBorderWidth = parseInt(ieDivs[j].currentStyle.borderLeftWidth.replace("px", "")) + parseInt(ieDivs[j].currentStyle.borderRightWidth.replace("px", ""));	
				var ieMat=document.createElement('iframe');
				if(document.location.protocol == "https:")
					ieMat.src="//0";
				else
					ieMat.src="javascript:false";
				ieMat.scrolling="no";
				ieMat.frameBorder="0";
				ieMat.style.width=ieDivs[j].offsetWidth-divBorderWidth+"px";
				ieMat.style.height=ieDivs[j].offsetHeight-divBorderHeight+"px";
				ieMat.style.zIndex="-1";
				ieDivs[j].insertBefore(ieMat, ieDivs[j].childNodes[0]);
				ieDivs[j].style.zIndex="101";
			}
		}
		// IE script to change class on mouseover
		var ieLIs = nav.getElementsByTagName('li');
		for (k=0; k<ieLIs.length; k++) {
			var liClassArray = ieLIs[k].className.split(" ");
			for (l=0; l<liClassArray.length; l++) {
				if (liClassArray[l] == "dropDownItem") {
					// Add a sfhover class to the li.
					ieLIs[k].onmouseover=function() {;this.className+=" sfHover";}
					ieLIs[k].onmouseout=function() {this.className=this.className.replace(' sfHover', '');}
				}
			}
		}
	}
}*/


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