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.
		
		
		document.getElementById("Home").onmouseover = function() {
			ms.hideCurrent();
			this.className = "hover";
		}
		document.getElementById("Home").onmouseout = function() { this.className = ""; }
	
		menu2.onactivate = function() { document.getElementById("Resume").className = "hover"; };
		menu2.ondeactivate = function() { document.getElementById("Resume").className = ""; };
		
		/*document.getElementById("Resume").onmouseover = function() {
			ms.hideCurrent();
			this.className = "hover";
		}
		document.getElementById("Resume").onmouseout = function() { this.className = ""; }*/
	
		//menu3.onactivate = function() { document.getElementById("Portfolio").className = "hover"; };
		//menu3.ondeactivate = function() { document.getElementById("Portfolio").className = ""; };
		
		/*document.getElementById("Portfolio").onmouseover = function() {
			ms.hideCurrent();
			this.className = "hover";
		}
		document.getElementById("Portfolio").onmouseout = function() { this.className = ""; }*/
	
		//menu4.onactivate = function() { document.getElementById("Photos").className = "hover"; };
		//menu4.ondeactivate = function() { document.getElementById("Photos").className = ""; };
		
		/*document.getElementById("Photos").onmouseover = function() {
			ms.hideCurrent();
			this.className = "hover";
		}
		document.getElementById("Photos").onmouseout = function() { this.className = ""; }*/
	
		/*menu5.onactivate = function() { document.getElementById("Interact").className = "hover"; };
		menu5.ondeactivate = function() { document.getElementById("Interact").className = ""; };
		
		document.getElementById("Interact").onmouseover = function() {
			ms.hideCurrent();
			this.className = "hover";
		}
		document.getElementById("Interact").onmouseout = function() { this.className = ""; }*/
	
		document.getElementById("Shop").onmouseover = function() {
			ms.hideCurrent();
			this.className = "hover";
		}
		document.getElementById("Shop").onmouseout = function() { this.className = ""; }
		
		menu7.onactivate = function() { document.getElementById("About").className = "hover"; };
		menu7.ondeactivate = function() { document.getElementById("About").className = ""; };
		
		menu8.onactivate = function() { document.getElementById("Jobs").className = "hover"; };
		menu8.ondeactivate = function() { document.getElementById("Jobs").className = ""; };
		/*document.getElementById("About").onmouseover = function() {
			ms.hideCurrent();
			this.className = "hover";
		}
		document.getElementById("About").onmouseout = function() { this.className = ""; }*/
		
	}
}