var activeMenuPrevClass;

	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()
			{
				activeMenuPrevClass = document.getElementById("menu").getElementsByTagName("a")[0].className;
				document.getElementById("menu").getElementsByTagName("a")[0].className = "hover";
			};
			menu1.ondeactivate = function()
                        {
				document.getElementById("menu").getElementsByTagName("a")[0].className = activeMenuPrevClass;
			};
        		menu2.onactivate = function()
			{
				activeMenuPrevClass = document.getElementById("menu").getElementsByTagName("a")[1].className;
				document.getElementById("menu").getElementsByTagName("a")[1].className = "hover";
			};
			menu2.ondeactivate = function()
                        {
				document.getElementById("menu").getElementsByTagName("a")[1].className = activeMenuPrevClass;
			};
        		menu3.onactivate = function()
			{
				activeMenuPrevClass = document.getElementById("menu").getElementsByTagName("a")[2].className;
				document.getElementById("menu").getElementsByTagName("a")[2].className = "hover";
			};
			menu3.ondeactivate = function()
                        {
				document.getElementById("menu").getElementsByTagName("a")[2].className = activeMenuPrevClass;
			};
        		menu5.onactivate = function()
			{
				activeMenuPrevClass = document.getElementById("menu").getElementsByTagName("a")[3].className;
				document.getElementById("menu").getElementsByTagName("a")[3].className = "hover";
			};
			menu5.ondeactivate = function()
                        {
				document.getElementById("menu").getElementsByTagName("a")[3].className = activeMenuPrevClass;
			};
			document.getElementById("menu").getElementsByTagName("a")[4].onmouseover = function()
			{
				ms.hideCurrent();
			}
			document.getElementById("menu").getElementsByTagName("a")[5].onmouseover = function()
			{
				ms.hideCurrent();
			}
		}
	}