sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
		sfEls[i].ondragleave=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
	sfHoverFF();
}

sfHoverFF = function() {
	var sfTopLinks = document.getElementById("menu").getElementsByTagName("A");
	for (var y=0; y<sfTopLinks.length; y++) {
		sfTopLinks[y].onmouseover=function() {
			var idString = new String(this.className);
			if ((idString.indexOf("parent")) != -1) {
				this.className = "parentover";
				this.style.color = "#fff";
			}
		}
		sfTopLinks[y].onmouseout=function() {
			var idString = new String(this.className);
			if ((idString.indexOf("parent")) != -1) {
				this.className = "parentoff";
				this.style.color = "#4d4d4d";
			}
		}
	}

	var sfLinks = document.getElementById("menu").getElementsByTagName("UL");
	for (var x=0; x<sfLinks.length; x++) {
		sfLinks[x].onmouseover=function() {
			var parentLiName = this.parentNode.getElementsByTagName("A");
			parentLiName[0].className = "parentover";
			parentLiName[0].style.color = "#fff";
		}
		sfLinks[x].onmouseout=function() {
			var parentLiName = this.parentNode.getElementsByTagName("A");
			parentLiName[0].className = "parentoff";
			parentLiName[0].style.color = "#4d4d4d";
		}
	}
}

if (window.addEventListener) //DOM method for binding an event
window.addEventListener("load", sfHoverFF, false);
else if (window.attachEvent) //IE exclusive method for binding an event
window.attachEvent("onload", sfHover);
else if (document.getElementById) //support older modern browsers
window.onload=sfHover;