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. if(menu1) { menu1.onactivate = function() { document.getElementById("m1").className = "hover";setnav(1); }; menu1.ondeactivate = function() { document.getElementById("m1").className = "";unsetnav(1,1); }; } if(menu2) { menu2.onactivate = function() { document.getElementById("m2").className = "hover";setnav(2); }; menu2.ondeactivate = function() { document.getElementById("m2").className = "";unsetnav(2,0); }; } if(menu3) { menu3.onactivate = function() { document.getElementById("m3").className = "hover";setnav(3); }; menu3.ondeactivate = function() { document.getElementById("m3").className = "";unsetnav(3,0); }; } if(menu4) { menu4.onactivate = function() { document.getElementById("m4").className = "hover";setnav(4); }; menu4.ondeactivate = function() { document.getElementById("m4").className = "";unsetnav(4,0); }; } if(menu5) { menu5.onactivate = function() { document.getElementById("m5").className = "hover";setnav(5); }; menu5.ondeactivate = function() { document.getElementById("m5").className = "";unsetnav(5,0); }; } if(menu6) { menu6.onactivate = function() { document.getElementById("m6").className = "hover";setnav(6); }; menu6.ondeactivate = function() { document.getElementById("m6").className = "";unsetnav(6,0); }; } if(menu7) { menu7.onactivate = function() { document.getElementById("m7").className = "hover";setnav(7); }; menu7.ondeactivate = function() { document.getElementById("m7").className = "";unsetnav(7,0); }; } if(menu8) { menu8.onactivate = function() { document.getElementById("m8").className = "hover";setnav(8); }; menu8.ondeactivate = function() { document.getElementById("m8").className = "";unsetnav(8,0); }; } if(menu9) { menu9.onactivate = function() { document.getElementById("m9").className = "hover";setnav(9); }; menu9.ondeactivate = function() { document.getElementById("m9").className = "";unsetnav(9,0); }; } if(menu10) { menu10.onactivate = function() { document.getElementById("m10").className = "hover";setnav(10); }; menu10.ondeactivate = function() { document.getElementById("m10").className = "";unsetnav(10,0); }; } if(menu11) { menu11.onactivate = function() { document.getElementById("m11").className = "hover";setnav(11); }; menu11.ondeactivate = function() { document.getElementById("m11").className = "";unsetnav(11,1); }; } } function getEl(elname) { { if (document.all) return document.all[elname]; else return document.getElementById(elname); } } function setnav(n) { var elLeft= getEl("ms"+(n-1)); var elRight=getEl("ms"+(n)); var elMen=getEl("m"+(n)); elLeft.className="atusubnsepleft"; elRight.className="atusubnsepright"; elMen.style.backgroundColor = "#ffffff"; // elMen.style.color = "#9c111e"; } function unsetnav(n,e) { var elLeft= getEl("ms"+(n-1)); var elRight=getEl("ms"+(n)); var elMen=getEl("m"+(n)); rsep="atusubnsep";lsep="atusubnsep"; if (e==1) { if (n==1) { lsep="atusubnsep0"; } else { rsep="atusubnsep0"; } } elLeft.className=lsep; elRight.className=rsep; elMen.style.backgroundColor = ""; // elMen.style.color = ""; } }