/**
 * This function is essential for the navigation to work correctly on all browsers
 */
/*sfHover = function() {
    var sfEls = document.getElementById("nav").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"), "");
        }
    }
}*/

sfHover = function() {
    var allULElements = document.getElementsByTagName("UL");
    
    for(var a=0; a<allULElements.length; a++) {
        if(allULElements[a].className == "nav")
        {
            var sfEls = allULElements[a].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"), "");
                }
            }
        } 
    } 
}

if (window.attachEvent) window.attachEvent("onload", sfHover);