function initMenu() {
	//==========================================================================================
	// 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.
		if (menu1 != null) {
		menu1.onactivate = function() { document.getElementById("navItem1").className = "hover"; };
		menu1.ondeactivate = function() { document.getElementById("navItem1").className = ""; };
		}

		if (menu2 != null) {
		menu2.onactivate = function() { document.getElementById("navItem2").className = "hover"; };
		menu2.ondeactivate = function() { document.getElementById("navItem2").className = ""; };
		}
		
		if (menu3 != null) {
		menu3.onactivate = function() { document.getElementById("navItem3").className = "hover"; };
		menu3.ondeactivate = function() { document.getElementById("navItem3").className = ""; };
		}

		if (menu4 != null) {
		menu4.onactivate = function() { document.getElementById("navItem4").className = "hover"; };
		menu4.ondeactivate = function() { document.getElementById("navItem4").className = ""; };
		}
	}
}