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("nutrition").className = "hover"; };
        menu1.ondeactivate = function() { document.getElementById("nutrition").className = ""; };
        
        // menu2.onactivate = function() { document.getElementById("healthTips").className = "hover"; };
        // menu2.ondeactivate = function() { document.getElementById("healthTips").className = ""; };
        
        menu3.onactivate = function() { document.getElementById("recipes").className = "hover"; };
        menu3.ondeactivate = function() { document.getElementById("recipes").className = ""; };
        
        menu4.onactivate = function() { document.getElementById("lcWalks").className = "hover"; };
        menu4.ondeactivate = function() { document.getElementById("lcWalks").className = ""; };
        
        menu5.onactivate = function() { document.getElementById("physical").className = "hover"; };
        menu5.ondeactivate = function() { document.getElementById("physical").className = ""; };
        
        // menu6.onactivate = function() { document.getElementById("links").className = "hover"; };
        // menu6.ondeactivate = function() { document.getElementById("links").className = ""; };
        
        menu7.onactivate = function() { document.getElementById("local").className = "hover"; };
        menu7.ondeactivate = function() { document.getElementById("local").className = ""; };
        
        // menu8.onactivate = function() { document.getElementById("home").className = "hover"; };
        // menu8.ondeactivate = function() { document.getElementById("home").className = ""; };
    }
}