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("profil").className = "hover"; };
menu1.ondeactivate = function() { document.getElementById("profil").className = ""; };

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

menu3.onactivate = function() { document.getElementById("order").className = "hover"; };
menu3.ondeactivate = function() { document.getElementById("order").className = ""; };

menu4.onactivate = function() { document.getElementById("layanan").className = "hover"; };
menu4.ondeactivate = function() { document.getElementById("layanan").className = ""; };

menu5.onactivate = function() { document.getElementById("kontak").className = "hover"; };
menu5.ondeactivate = function() { document.getElementById("kontak").className = ""; };

menu6.onactivate = function() { document.getElementById("klien").className = "hover"; };
menu6.ondeactivate = function() { document.getElementById("klien").className = ""; };

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

document.getElementById("index").onmouseout = function() { this.className = ""; }
}
}