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("MenuHome").onmouseover = function() { ms.hideCurrent(); this.className = "hover"; }
		document.getElementById("MenuHome").onmouseout = function() { this.className = ""; }

		menu1.onactivate = function() { document.getElementById("MenuProfile").className = "hover"; };
		menu1.ondeactivate = function() { document.getElementById("MenuProfile").className = ""; };

		document.getElementById("MenuPartners").onmouseover = function() { ms.hideCurrent(); this.className = "hover"; }
		document.getElementById("MenuPartners").onmouseout = function() { this.className = ""; }

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

		document.getElementById("MenuContact").onmouseover = function() { ms.hideCurrent(); this.className = "hover"; }
		document.getElementById("MenuContact").onmouseout = function() { this.className = ""; }
	}
}