var menuActive = true; var seperator = '_'; //used as a seperator in the menu path (ensure that its unique) var onMenu=true; //flag used to ignore body onClick when on menu (toggled on by menuOn(); and toggled back off by ) var dropdownmenuActive =true; //dropdown Menu active flag var currentMenu =''; //currently active Menu //***************************** // Helper Functions //***************************** function positionToMarker(target, marker, offsetLeft, offsetTop) { //positions layer (div) in relation to a marker element plus offsets marker=document.getElementById(marker); target=document.getElementById(target); while (marker.offsetParent) { //add all parent offsets together to give total offset offsetLeft+=marker.offsetLeft; offsetTop+=marker.offsetTop; marker=marker.offsetParent; } if (offsetLeft+target.offsetWidth > document.body.offsetWidth) offsetLeft= document.body.offsetWidth - target.offsetWidth; target.style.top=offsetTop+'px'; target.style.left=offsetLeft+'px'; target.style.visibility='visible'; target.style.zIndex=20; } //******************** // Creation Code //******************** function generateMenus() { for (var i=0; i\n'; if (path!='') path+=seperator; for (var i=0; i'+itemName+''; itemAction="document.location='"+itemAction+"';"; } if (typeof(menuItem[i][2])=='object') { menuCode += ' \n'; generateMenu(menuItem[i][2],path+i,itemName); } else if (itemName=='<>') menuCode += '\n'; else menuCode += ' \n'; } document.write(menuCode + '

'+itemTarget+'

'+itemTarget+'

\n\n'); } //******************** // DropDown Menu //******************** function changeMenu(menu, visibility) { var nav = ["m1", "m2", "m3", "m4", "m5", "m6", "m7", "m8"]; clearTimeout(timerId); (visibility == 'visible') ? className = 'menuActive' : className = 'menuInactive'; //split id into path and cycle through path = menu.split(seperator); var menu=''; for (i=0; i'+document.forms[j].elements[k].outerHTML+''; document.forms[j].elements[k].parentNode.style.cssText=(formvisibility=='hidden')? 'background-color:#eee;' : ''; } } } } } } var timerId; function menuOff() { timerId = setTimeout("changeMenu('"+currentMenu+"','hidden')",200); } //turn off current menu path function menuOn(menu, x, y) { if (menuActive==false) return; if (document.getElementById('menu'+menu)) positionToMarker('menu'+menu, menu, x, y); if (currentMenu!='') changeMenu(currentMenu, 'hidden'); //turn off current menu path changeMenu(menu, 'visible'); //turn on new menu path currentMenu = menu; //set new menu as current } function selectMenu(menu) { onMenu=true; //check by clearMenu() if (menu) { document.getElementById('menu'+menu).style.backgroundColor='#cccccc'; setTimeout("document.getElementById('menu"+menu+"').style.backgroundColor='#eeeeee'",100); setTimeout("document.getElementById('menu"+menu+"').style.backgroundColor='#cccccc'",200); setTimeout("document.getElementById('menu"+menu+"').style.backgroundColor='#eeeeee'",300); } }