/* This script is designed to fix the roll over menu problems in Internet Explorer 6.0
   It also serves to give the leading menu item the background color it needs. 
   The only thing necessary to specify is the ID of the menu */

<!--//--><![CDATA[//><!--
sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		var element = sfEls[i];
		var is_ie = window.attachEvent;
		element.onmouseover=function() {
			if (is_ie) this.className+=" sfhover"; // fixes IE6's problems
			else if (!(this.id && this.id.length > 0) && this.parentNode && this.parentNode.parentNode)
				this.parentNode.parentNode.className += " header_hover"; // append top level menu style
		}
		element.onmouseout=function() {
			if (is_ie) this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); // removes the IE6 fix
			else if (!(this.id && this.id.length > 0) && this.parentNode && this.parentNode.parentNode)
				this.parentNode.parentNode.className = ""; // remove top level menu style
		}
	}
}
if (window.addEventListener) //DOM method for binding an event
    window.addEventListener("load", sfHover, 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;
//--><!]]>