// Workaround for IE6's lack of support for the li:hover pseudo class in IE 6.
// This allows us to use the CSS popup menus on IE6
    sfHover = function() {
        var sfEls = document.getElementById("nav").getElementsByTagName("li");
        for (var i=0; i<sfEls.length; i++) {
            sfEls[i].onmouseover=function() {
                // Added code here to add a special extra class to the top menu items
                // this is so that we can swap the hover images on IE6.
                // If the class names change then this code will need to change too
                if      (this.className == "popupmenu-products")  { this.className += " products-sfhover";  }
                else if (this.className == "popupmenu-buynow")    { this.className += " buynow-sfhover";    }
                else if (this.className == "popupmenu-support")   { this.className += " support-sfhover";   }
                else if (this.className == "popupmenu-corporate") { this.className += " corporate-sfhover"; }
                this.className+=" sfhover";
            }
            sfEls[i].onmouseout=function() {
                this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                this.className=this.className.replace(new RegExp(" products-sfhover\\b"), "");
                this.className=this.className.replace(new RegExp(" buynow-sfhover\\b"), "");
                this.className=this.className.replace(new RegExp(" support-sfhover\\b"), "");
                this.className=this.className.replace(new RegExp(" corporate-sfhover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);

// Preload the background image (otherwise the page looks odd when loading as this
// is not loaded until last)
img0 = new Image (859,9);   img0.src="../images/navigation/drop_shadow_sides.jpg";