/**
 * Horizontal drop down menu implementation code.
 *
 * The classnames (iehover), ids (nav) and element types (li) constitute
 * dependencies between this file, the CSS & the XHTML.
 */

ieHover = function() {
    var menuItemLs = document.getElementById("navMenu").getElementsByTagName("li");

    for ( var idex = 0; idex < menuItemLs.length; idex++ ) {
        menuItemLs[idex].onmouseover = function(){this.className += " iehover";};
        menuItemLs[idex].onmouseout = 
            function(){
                this.className = this.className.replace(new RegExp(" iehover\\b"), "");
            };
    }
}

/**
 * Only use this if we have IE (detected by the attachEvent method).
 */
if ( window.attachEvent ) {
    window.attachEvent("onload", ieHover);
}