function init() {
    //==========================================================================================
    // if supported, initialize TransMenus
    //==========================================================================================
    // Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
    // This is better than server-side checking because it will also catch browsers which would
    // normally support the menus but have javascript disabled.
    //
    // If supported, call initialize() and then hook whatever image rollover code you need to do
    // to the .onactivate and .ondeactivate events for each menu.
    //==========================================================================================
    if (TransMenu.isSupported()) {
        TransMenu.initialize();

        // hook all the highlight swapping of the main toolbar to menu activation/deactivation
        // instead of simple rollover to get the effect where the button stays hightlit until
        // the menu is closed.
        menu1.onactivate = function() { document.getElementById("CS").className = "hover"; };
        menu1.ondeactivate = function() { document.getElementById("CS").className = ""; };

        menu2.onactivate = function() { document.getElementById("CW").className = "hover"; };
        menu2.ondeactivate = function() { document.getElementById("CW").className = ""; };

        menu3.onactivate = function() { document.getElementById("CP").className = "hover"; };
        menu3.ondeactivate = function() { document.getElementById("CP").className = ""; };

        menu4.onactivate = function() { document.getElementById("HS").className = "hover"; };
        menu4.ondeactivate = function() { document.getElementById("HS").className = ""; };

        menu5.onactivate = function() { document.getElementById("NRI").className = "hover"; };
        menu5.ondeactivate = function() { document.getElementById("NRI").className = ""; };

        menu6.onactivate = function() { document.getElementById("PS").className = "hover"; };
        menu6.ondeactivate = function() { document.getElementById("PS").className = ""; };

        menu7.onactivate = function() { document.getElementById("PI").className = "hover"; };
        menu7.ondeactivate = function() { document.getElementById("PI").className = ""; };

        menu8.onactivate = function() { document.getElementById("V").className = "hover"; };
        menu8.ondeactivate = function() { document.getElementById("V").className = ""; };

        menu9.onactivate = function() { document.getElementById("H").className = "hover"; };
        menu9.ondeactivate = function() { document.getElementById("H").className = ""; };

        /*document.getElementById("umbria").onmouseover = function() {
        ms.hideCurrent();
        this.className = "hover";
        }*/

        //document.getElementById("umbria").onmouseout = function() { this.className = ""; }
    }
}