Full version: jsB@nk » Menu » Multilevel menu » Multi Level Drop Down Menu
URL: https://www.javascriptbank.com/multi-level-drop-down-menu-2.html
Finally DropDown Menu that you can use with ease. This JavaScript is brilliant with its simplicity. While most of the code is HTML you have great flexibility and ability to change it as you see fit.
Full version: jsB@nk » Menu » Multilevel menu » Multi Level Drop Down Menu
URL: https://www.javascriptbank.com/multi-level-drop-down-menu-2.html
<SCRIPT type=text/javascript>var NoOffFirstLineMenus=6; //set number of main menu itemsvar LowBgColor='#A0B8CF';var HighBgColor='#eeeeee';var FontLowColor='#000000';var FontHighColor='red';var BorderColor='black';var BorderWidth=1;var BorderBtwnElmnts=1;var FontFamily="verdana, comic sans ms, arial"var FontSize=7;var FontBold=1;var FontItalic=0;var MenuTextCentered=0;var MenuCentered='left';var MenuVerticalCentered='top';var ChildOverlap=.1;var ChildVerticalOverlap=.25;var StartTop=10; //set vertical offsetvar StartLeft=10; //set horizontal offsetvar VerCorrect=0;var HorCorrect=0;var LeftPaddng=3;var TopPaddng=2;var FirstLineHorizontal=1; //set menu layout (1=horizontal, 0=vertical)var MenuFramesVertical=1;var DissapearDelay=500;var TakeOverBgColor=0;var FirstLineFrame='navig';var SecLineFrame='space';var DocTargetFrame='space';var WebMasterCheck=0;//Menux=new Array("text to show","Link",No of sub elements,element height,element width);//see accompanying "config.htm" file for more information on structure of menusMenu1=new Array("Home","http://jsbank.beplaced.com",0,17,110);Menu2=new Array("Menu 2","",3,17,110);Menu2_1=new Array("Test","#",3,17,110);Menu2_1_1=new Array("Test1","#",0,17,110);Menu2_1_2=new Array("Test2","#",0,17,110);Menu2_1_3=new Array("Test3","#",0,17,110);Menu2_2=new Array("Test","#",0,17,110);Menu2_3=new Array("Test","#",0,17,110);Menu3=new Array("Forum","http://www.fido7.net/cgi-bin/forumi.fpl?user=Coyotee",0,17,110);Menu4=new Array("Menu 4","#",5,17,110);Menu4_1=new Array("Test","",5,17,110);Menu4_1_1=new Array("test1","#",0,17,110);Menu4_1_2=new Array("test2","#",0,17,110);Menu4_1_3=new Array("test3","#",0,17,110);Menu4_1_4=new Array("test4","#",0,17,110);Menu4_1_5=new Array("test5","#",0,17,110);Menu4_2=new Array("test","",3,17,110);Menu4_2_1=new Array("test1","#",0,17,110);Menu4_2_2=new Array("test2","#",0,17,110);Menu4_2_3=new Array("test3","#",0,17,110);Menu4_3=new Array("Test","",2,17,110);Menu4_3_1=new Array("test1","#",0,17,110);Menu4_3_2=new Array("test2","#",0,17,110);Menu4_4=new Array("Test","#",0,17,110);Menu4_5=new Array("Test","#",0,17,110);Menu5=new Array("Actions","",2,17,110);Menu5_1=new Array("Download","../../Download/dropdown_menu.zip",0,17,110);Menu5_2=new Array("Main Page","../../index2.chtml",0,17,110);Menu6=new Array("Menu 6","#",0,17,110);//See the file "menu.js" to customize the menu and instructions (this line is safe to delete)</SCRIPT><SCRIPT type=text/javascript>var AgntUsr=navigator.userAgent.toLowerCase();var DomYes=(document.getElementById)?1:0;var NavYes=(AgntUsr.indexOf('mozilla')!=-1&&AgntUsr.indexOf('compatible')==-1)?1:0;var ExpYes=(AgntUsr.indexOf('msie')!=-1)?1:0;var Opr5=(AgntUsr.indexOf('opera 5')!=-1||AgntUsr.indexOf('opera/5')!=-1)?1:0;var DomNav=(DomYes&&NavYes)?1:0;var DomExp=(DomYes&&ExpYes)?1:0;var Nav4=(NavYes&&!DomYes&&document.layers)?1:0;var Exp4=(ExpYes&&!DomYes&&document.all)?1:0;var PosStrt=((NavYes||ExpYes)&&!Opr5)?1:0;var FirstLocation,SecLocation,DocLocation;var SecWindowWidth,FirstWindowWidth,FirstWindowHeight;var SecLoadAgainWin;var FirstColPos,SecColPos,DocColPos;var InitRecursLevel=0,CreateRecursLevel=0,PosRecursLevel=0;var ShowFlag=0,FirstCreate=1,Loaded=0,Created=0,InitFlag,AcrossFrames=1;var FirstContainer=null,CurrentOver=null,CloseTimer=null;var CenterText,TxtClose,ImgStr;var Ztop=100;var M_StartTop=StartTop,M_StartLeft=StartLeft;var LeftExtra=(DomNav)?LeftPaddng:0;var TopExtra=(DomNav)?TopPaddng:0;var M_Hide=(Nav4)?'hide':'hidden';var M_Show=(Nav4)?'show':'visible';var Par=(parent.frames[0])?parent:window;var Doc=Par.document;var Bod=Doc.body;var Trigger=(parent.frames[0]&&FirstLineFrame==SecLineFrame)?(NavYes)?parent.frames[FirstLineFrame]:parent.frames[FirstLineFrame].document.body:(NavYes)?Par:Bod;WebMasterAlerts=["No such frame: ","Item not defined: ","Item needs height: ","Item needs width: ","Warning-Item doesn't need height: ","Warning-Item doesn't need width: ","Item Oke ","Menu tree oke"];if(DomNav&&!Opr5)Trigger.addEventListener('load',Go,false);else Trigger.onload=Go;Trigger.onresize=(Nav4)?ReDoWhole:RePos;function cancelselect(){return false}function RePos(){FirstWindowWidth=(ExpYes)?FirstLocation.document.body.clientWidth:FirstLocation.innerWidth;FirstWindowHeight=(ExpYes)?FirstLocation.document.body.clientHeight:FirstLocation.innerHeight;SecWindowWidth=(ExpYes)?SecLocation.document.body.clientWidth:SecLocation.innerWidth;SecWindowHeight=(ExpYes)?SecLocation.document.body.clientHeight:SecLocation.innerHeight;if(MenuCentered)CalcLeft();if(MenuVerticalCentered)CalcTop();PositionMenuStruct(FirstContainer,StartTop,StartLeft)}function UnLoaded(){if(typeof(CloseTimer)!='undefined'&&CloseTimer)clearTimeout(CloseTimer);Loaded=0; Created=0;var FCStyle=(Nav4)?FirstContainer:FirstContainer.style;FCStyle.visibility=M_Hide}function ReDoWhole(){Doc.location.reload()}function Check(WhichMenu,NoOf){var i,Hg,Wd,La,Li,Nof,array,ArrayLoc;ArrayLoc=(parent.frames[0])?parent.frames[FirstLineFrame]:self;for(i=0;i<NoOf;i++){array=WhichMenu+eval(i+1);if(!ArrayLoc[array]){WebMasterAlert(1,array); return false}La=ArrayLoc[array][0]; Li=ArrayLoc[array][1]; Nof=ArrayLoc[array][2];if(i==0){if(!ArrayLoc[array][3]){WebMasterAlert(2,array); return false}if(!ArrayLoc[array][4]){WebMasterAlert(3,array); return false}Hg=ArrayLoc[array][3]; Wd=ArrayLoc[array][4]}else{if(ArrayLoc[array][3])WebMasterAlert(4,array);if(ArrayLoc[array][4])WebMasterAlert(5,array)}if(!WebMasterAlert(6,'\n\n'+array+'\nwidth: '+Wd+'\nheight: '+Hg+'\nLabel: '+La+'\nLink: '+Li+'\nNo of sub items: '+Nof)){WebMasterCheck=0; return true}if(ArrayLoc[array][2])if(!Check(array+'_',ArrayLoc[array][2])) return false}return true}function WebMasterAlert(No,Xtra){if(WebMasterCheck)return confirm(WebMasterAlerts[No]+Xtra+' ')}function Go(){if(Loaded||!PosStrt)return;Created=0; Loaded=1;status='Building menu';if(FirstCreate){if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WebMasterAlert(0,FirstLineFrame); FirstLineFrame=SecLineFrame}if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WebMasterAlert(0,SecLineFrame); FirstLineFrame=SecLineFrame=DocTargetFrame}if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WebMasterAlert(0,DocTargetFrame); FirstLineFrame=SecLineFrame=DocTargetFrame=(parent.frames[0])?parent.frames[0].name:''}if(SecLineFrame =="" || !parent.frames[SecLineFrame])SecLineFrame=DocTargetFrame;if(SecLineFrame =="" || !parent.frames[SecLineFrame])SecLineFrame=DocTargetFrame=FirstLineFrame;if(DocTargetFrame =="" || !parent.frames[DocTargetFrame])DocTargetFrame=SecLineFrame;if(WebMasterCheck){if(!Check('Menu',NoOffFirstLineMenus))return;else WebMasterAlert(7,'')}FirstLocation=(FirstLineFrame)?parent.frames[FirstLineFrame]:window;SecLocation=(SecLineFrame)?parent.frames[SecLineFrame]:window;DocLocation=(DocTargetFrame)?parent.frames[DocTargetFrame]:window;if (FirstLocation==SecLocation) AcrossFrames=0;if (AcrossFrames)FirstLineHorizontal=(MenuFramesVertical)?0:1;FirstWindowWidth=(ExpYes)?FirstLocation.document.body.clientWidth:FirstLocation.innerWidth;FirstWindowHeight=(ExpYes)?FirstLocation.document.body.clientHeight:FirstLocation.innerHeight;SecWindowWidth=(ExpYes)?SecLocation.document.body.clientWidth:SecLocation.innerWidth;SecWindowHeight=(ExpYes)?SecLocation.document.body.clientHeight:SecLocation.innerHeight;if(MenuCentered) CalcLeft();if(MenuVerticalCentered) CalcTop();if(!DomYes){CenterText=(MenuTextCentered)?(NavYes)?"<div align='center'>":"align='center'":"";if(NavYes)TxtClose="</font>"+(MenuTextCentered)?"</div>":""}}FirstColPos=(Nav4)?FirstLocation.document:FirstLocation.document.body;SecColPos=(Nav4)?SecLocation.document:SecLocation.document.body;DocColPos=(Nav4)?DocLocation.document:SecLocation.document.body;if (TakeOverBgColor)FirstColPos.bgColor=(AcrossFrames)?SecColPos.bgColor:DocColPos.bgColor;if(FirstCreate){FirstContainer=CreateMenuStructure('Menu',NoOffFirstLineMenus);FirstCreate=0}else CreateMenuStructureAgain('Menu',NoOffFirstLineMenus);PositionMenuStruct(FirstContainer,StartTop,StartLeft);InitFlag=1;Initiate(); InitFlag=0; Created=1; SecLoadAgainWin=(ExpYes)?SecLocation.document.body:SecLocation;SecLoadAgainWin.onunload=UnLoaded;status='Menu ready for use'}function CalcLeft(){var Size=FirstWindowWidth;if(MenuCentered!='left'){StartLeft=M_StartLeft;Size-=(FirstLineHorizontal)?(NoOffFirstLineMenus*(eval('Menu1[4]')+BorderWidth)+BorderWidth):(eval('Menu1[4]')+BorderWidth);if(MenuCentered=='right')StartLeft+=Size; else StartLeft+=Size/2}}function CalcTop(){var Size=FirstWindowHeight;if(MenuVerticalCentered!='top'){StartTop=M_StartTop;Size-=(FirstLineHorizontal)?(eval('Menu1[3]')+BorderWidth):(NoOffFirstLineMenus*(eval('Menu1[3]')+BorderWidth)+BorderWidth);if(MenuVerticalCentered=='bottom')StartTop+=Size; else StartTop+=Size/2}}function PositionMenuStruct(CntnrPntr,Tp,Lt){var Topi,Lefti,Hori;var Cntnr=CntnrPntr;var Mmbr=Cntnr.FirstMember;var CntnrStyle=(!Nav4)?Cntnr.style:Cntnr;var MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;var PadLeft=(Mmbr.value.indexOf('<')==-1)?LeftExtra:0;var PadTop=(Mmbr.value.indexOf('<')==-1)?TopExtra:0;var MmbrWidth=(!Nav4)?parseInt(MmbrStyle.width)+PadLeft:MmbrStyle.clip.width;var MmbrHeight=(!Nav4)?parseInt(MmbrStyle.height)+PadTop:MmbrStyle.clip.height;var CntnrWidth=(!Nav4)?parseInt(CntnrStyle.width):CntnrStyle.clip.width;var CntnrHeight=(!Nav4)?parseInt(CntnrStyle.height):CntnrStyle.clip.height;var SubTp,SubLt;PosRecursLevel++;if (PosRecursLevel==1 && AcrossFrames)(!MenuFramesVertical)?Tp=FirstWindowHeight-CntnrHeight+((Nav4)?4:0):Lt=FirstWindowWidth-CntnrWidth;if (PosRecursLevel==2 && AcrossFrames)(!MenuFramesVertical)?Tp=0:Lt=0;if (PosRecursLevel==2 && AcrossFrames){Tp+=VerCorrect;Lt+=HorCorrect}CntnrStyle.top=Cntnr.OrgTop=Tp;CntnrStyle.left=Cntnr.OrgLeft=Lt;if (PosRecursLevel==1 && FirstLineHorizontal){Hori=1; Lefti=CntnrWidth-MmbrWidth-2*BorderWidth;Topi=0}else{Hori=Lefti=0; Topi=CntnrHeight-MmbrHeight-2*BorderWidth}while(Mmbr!=null){PadLeft=(Mmbr.value.indexOf('<')==-1)?LeftExtra:0;PadTop=(Mmbr.value.indexOf('<')==-1)?TopExtra:0;MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;MmbrWidth=(!Nav4)?parseInt(MmbrStyle.width)+PadLeft:MmbrStyle.clip.width;MmbrHeight=(!Nav4)?parseInt(MmbrStyle.height)+PadTop:MmbrStyle.clip.height;MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;MmbrStyle.left=Lefti+BorderWidth;MmbrStyle.top=Topi+BorderWidth;if(Nav4)Mmbr.CmdLyr.moveTo(Lefti+BorderWidth,Topi+BorderWidth);if(Mmbr.ChildCntnr){if(Hori){SubTp=Tp+Topi+MmbrHeight+BorderWidth; SubLt=Lt+Lefti}else{SubLt=Lt+Lefti+(1-ChildOverlap)*MmbrWidth+BorderWidth; SubTp=Tp+Topi+ChildVerticalOverlap*MmbrHeight}PositionMenuStruct(Mmbr.ChildCntnr,SubTp,SubLt)}(Hori)?Lefti-=(BorderBtwnElmnts)?(MmbrWidth+BorderWidth):(MmbrWidth):Topi-=(BorderBtwnElmnts)?(MmbrHeight+BorderWidth):(MmbrHeight);Mmbr=Mmbr.PrevMember}PosRecursLevel--}function Initiate(){if(InitFlag) Init(FirstContainer)}function Init(CntnrPntr){var MemberContainer=CntnrPntr;var Member=MemberContainer.FirstMember;var MCStyle=(Nav4)?MemberContainer:MemberContainer.style;InitRecursLevel++;MCStyle.visibility=(InitRecursLevel==1)?M_Show:M_Hide;while(Member!=null){if(Member.ChildCntnr) Init(Member.ChildCntnr);Member=Member.PrevMember}InitRecursLevel--}function ClearAllChilds(Pntr,ChldPntr){var CPCCStyle;while (Pntr){if(Pntr.ChildCntnr){CPCCStyle=(Nav4)?Pntr.ChildCntnr:Pntr.ChildCntnr.style;if(Pntr.ChildCntnr!=ChldPntr)CPCCStyle.visibility=M_Hide;ClearAllChilds(Pntr.ChildCntnr.FirstMember,ChldPntr)}Pntr=Pntr.PrevMember}}function GoTo(){if(this.LinkTxt){status=''; if(Nav4){if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.bgColor=this.LowLyr.LowBack;this.LowLyr.document.write(this.LowLyr.value);this.LowLyr.document.close()}}else{this.style.backgroundColor=this.LowBack;this.style.color=this.LowFontColor}(this.LinkTxt.indexOf('javascript:')!=-1)?eval(this.LinkTxt):DocLocation.location.href=this.LinkTxt}}function OpenMenu(){if(!Loaded||!Created) return;var TopScrolled=(AcrossFrames)?(ExpYes)?SecLocation.document.body.scrollTop:SecLocation.pageYOffset:0;var LeftScrolled=(AcrossFrames)?(ExpYes)?SecLocation.document.body.scrollLeft:SecLocation.pageXOffset:0;var ChildCont=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr;var ThisHeight=(Nav4)?this.clip.height:parseInt(this.style.height);var ThisWidth=(Nav4)?this.clip.width:parseInt(this.style.width);CurrentOver=this; InitFlag=0;if(ShowFlag){ClearAllChilds(this.Container.FirstMember,ChildCont); if(this.Level==1) ShowFlag=0}if(Nav4){if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.bgColor=this.LowLyr.HighBack;this.LowLyr.document.write(this.LowLyr.Overvalue);this.LowLyr.document.close()}}else{this.style.backgroundColor=this.HighBack;this.style.color=this.HighFontColor}if(ChildCont!=null){var ChildContWidth=(Nav4)?this.LowLyr.ChildCntnr.clip.width:parseInt(this.ChildCntnr.style.width);var ChildContHeight=(Nav4)?this.LowLyr.ChildCntnr.clip.height:parseInt(this.ChildCntnr.style.height);var ChCntTL=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr.style;var SubLt=ChildCont.OrgLeft+LeftScrolled;var SubTp=ChildCont.OrgTop+TopScrolled;while(SubLt+ChildContWidth>SecWindowWidth+LeftScrolled){if(this.Level==1)SubLt=SecWindowWidth+LeftScrolled-ChildContWidth;else SubLt-=10}while(SubTp+ChildContHeight>TopScrolled+SecWindowHeight){if(this.Level==1)SubTp=TopScrolled+SecWindowHeight-ChildContHeight;else SubTp-=10}ChCntTL.top=SubTp;ChCntTL.left=SubLt;ChCntTL.visibility=M_Show;ShowFlag=1}status=this.LinkTxt}function CloseMenu(){if(!Loaded||!Created) return;if(Nav4){if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.bgColor=this.LowLyr.LowBack;this.LowLyr.document.write(this.LowLyr.value);this.LowLyr.document.close()}}else{this.style.backgroundColor=this.LowBack;this.style.color=this.LowFontColor}status='';if(this==CurrentOver){InitFlag=1;if (CloseTimer) clearTimeout(CloseTimer);CloseTimer=setTimeout('Initiate(CurrentOver)',DissapearDelay)}}function ContainerSetUp(Wdth,Hght,NoOff){this.FirstMember=null;this.OrgLeft=0;this.OrgTop=0;if (CreateRecursLevel==1&&FirstLineHorizontal){Wdth=(BorderBtwnElmnts)?NoOff*(Wdth+BorderWidth)+BorderWidth:NoOff*Wdth+2*BorderWidth;Hght+=2*BorderWidth}else{Hght=(BorderBtwnElmnts)?NoOff*(Hght+BorderWidth)+BorderWidth:NoOff*Hght+2*BorderWidth;Wdth+=2*BorderWidth}if(Nav4){this.visibility='hide';this.bgColor=BorderColor;this.resizeTo(Wdth,Hght)}else{this.Level=CreateRecursLevel;this.style.backgroundColor=BorderColor;this.style.width=Wdth;this.style.height=Hght;this.style.fontFamily=FontFamily;this.style.fontWeight=(FontBold)?'bold':'normal';this.style.fontStyle=(FontItalic)?'italic':'normal';this.style.fontSize=FontSize+'pt';this.style.zIndex=CreateRecursLevel+Ztop}}function MemberSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){var Location=(CreateRecursLevel==1)?FirstLocation:SecLocation;var MemVal=eval(WhatMenu+'[0]');var t,T,L,W,H,S;this.value=MemVal;this.ChildCntnr=null;this.PrevMember=PrMmbr;this.Level=CreateRecursLevel;this.LinkTxt=eval(WhatMenu+'[1]');this.Container=MmbrCntnr;this.style.cursor='hand';if(MemVal.indexOf('<')==-1){this.style.width=Wdth-LeftExtra; this.style.height=Hght-TopExtra; this.style.paddingLeft=LeftPaddng; this.style.paddingTop=TopPaddng}else{this.style.width=Wdth; this.style.height=Hght}this.style.overflow='hidden'; this.LowBack=LowBgColor;this.LowFontColor=FontLowColor;this.HighBack=(MemVal.indexOf('<img')==-1)?HighBgColor:LowBgColor;this.HighFontColor=(MemVal.indexOf('<img')==-1)?FontHighColor:FontLowColor; this.style.color=this.LowFontColor;this.style.backgroundColor=this.LowBack;if(MenuTextCentered)this.style.textAlign='center';if(MemVal.indexOf('<')==-1&&DomYes){t=Location.document.createTextNode(MemVal);this.appendChild(t)}else this.innerHTML=MemVal;if(MemVal.indexOf('<img')==-1&&eval(WhatMenu+'[2]')){S=(CreateRecursLevel==1&&FirstLineHorizontal)?'tridown.gif':'tri.gif';W=(CreateRecursLevel==1&&FirstLineHorizontal)?10:5;H=(CreateRecursLevel==1&&FirstLineHorizontal)?5:10;T=(CreateRecursLevel==1&&FirstLineHorizontal)?Hght-7:Hght/2-5;L=(CreateRecursLevel==1&&FirstLineHorizontal)?Wdth-12:Wdth-7;if(DomYes){t=Location.document.createElement('img'); this.appendChild(t); t.style.position='absolute'; t.src=S; t.style.width=W; t.style.height=H; t.style.top=T; t.style.left=L}else{MemVal+="<div style='position:absolute; top:"+T+"; left:"+L+"; width:"+W+"; height:"+H+";visibility:inherit'><img src='"+S+"'></div>"; this.innerHTML=MemVal}}if(ExpYes){this.onmouseover=OpenMenu; this.onmouseout=CloseMenu; this.onclick=GoTo}else{this.addEventListener('mouseover',OpenMenu,false); this.addEventListener('mouseout',CloseMenu,false); this.addEventListener('click',GoTo,false)}}function NavMemberSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){this.value=eval(WhatMenu+'[0]');if(LeftPaddng&&this.value.indexOf('<')==-1&&!MenuTextCentered)this.value=' \;'+this.value;if(FontBold)this.value=this.value.bold();if(FontItalic)this.value=this.value.italics();this.Overvalue=this.value;this.value=this.value.fontcolor(FontLowColor);this.Overvalue=this.Overvalue.fontcolor(FontHighColor);this.value=CenterText+"<font face='"+FontFamily+"' point-size='"+FontSize+"' color='"+FontLowColor+"'>"+this.value+TxtClose;this.Overvalue=CenterText+"<font face='"+FontFamily+"' point-size='"+FontSize+"' color='"+FontHighColor+"'>"+this.Overvalue+TxtClose;this.LowBack=LowBgColor;this.HighBack=HighBgColor;this.visibility='inherit';this.ChildCntnr=null;this.PrevMember=PrMmbr;this.bgColor=LowBgColor;this.resizeTo(Wdth,Hght);this.document.write(this.value);this.document.close();this.CmdLyr=new Layer(Wdth,MmbrCntnr);this.CmdLyr.visibility='inherit';this.CmdLyr.Level=CreateRecursLevel;this.CmdLyr.LinkTxt=eval(WhatMenu+'[1]');this.CmdLyr.onmouseover=OpenMenu;this.CmdLyr.onmouseout=CloseMenu;this.CmdLyr.captureEvents(Event.MOUSEUP);this.CmdLyr.onmouseup=GoTo;this.CmdLyr.LowLyr=this;this.CmdLyr.Container=MmbrCntnr;this.CmdLyr.resizeTo(Wdth,Hght);if(this.value.indexOf('<img')==-1 &&eval(WhatMenu+'[2]')){this.CmdLyr.ImgLyr=new Layer(10,this.CmdLyr);this.CmdLyr.ImgLyr.visibility='inherit';this.CmdLyr.ImgLyr.top=(CreateRecursLevel==1&&FirstLineHorizontal)?Hght-7:Hght/2-5;this.CmdLyr.ImgLyr.left=(CreateRecursLevel==1&&FirstLineHorizontal)?Wdth-12:Wdth-7;this.CmdLyr.ImgLyr.width=(CreateRecursLevel==1&&FirstLineHorizontal)?10:5;this.CmdLyr.ImgLyr.height=(CreateRecursLevel==1&&FirstLineHorizontal)?5:10;ImgStr=(CreateRecursLevel==1&&FirstLineHorizontal)?"<img src='tridown.gif'>":"<img src='tri.gif'>";this.CmdLyr.ImgLyr.document.write(ImgStr);this.CmdLyr.ImgLyr.document.close()}}function CreateMenuStructure(MenuName,NumberOf){CreateRecursLevel++;var i,NoOffSubs,Member;var PreviousMember=null;var WhichMenu=MenuName+'1';var MenuWidth=eval(WhichMenu+'[4]');var MenuHeight=eval(WhichMenu+'[3]');var Location=(CreateRecursLevel==1)?FirstLocation:SecLocation;if(DomYes){var MemberContainer=Location.document.createElement("div");MemberContainer.style.position='absolute';MemberContainer.style.visibility='hidden';Location.document.body.appendChild(MemberContainer)}else if(Nav4) var MemberContainer=new Layer(MenuWidth,Location)else{ WhichMenu+='c';Location.document.body.insertAdjacentHTML("AfterBegin","<div id='"+WhichMenu+"' style='visibility:hidden; position:absolute;'><\/div>"); var MemberContainer=Location.document.all[WhichMenu]}MemberContainer.SetUp=ContainerSetUp;MemberContainer.SetUp(MenuWidth,MenuHeight,NumberOf);if(Exp4){MemberContainer.InnerString='';for(i=1;i<NumberOf+1;i++){WhichMenu=MenuName+eval(i);NoOffSubs=eval(WhichMenu+'[2]');MemberContainer.InnerString+="<div id='"+WhichMenu+"' style='position:absolute;'><\/div>"}MemberContainer.innerHTML=MemberContainer.InnerString}for(i=1;i<NumberOf+1;i++){WhichMenu=MenuName+eval(i);NoOffSubs=eval(WhichMenu+'[2]');if(DomYes){Member=Location.document.createElement("div");Member.style.position='absolute';Member.style.visibility='inherit';MemberContainer.appendChild(Member);Member.SetUp=MemberSetUp}else if(Nav4){Member=new Layer(MenuWidth,MemberContainer);Member.SetUp=NavMemberSetUp}else{Member=Location.document.all[WhichMenu];Member.SetUp=MemberSetUp}Member.SetUp(MemberContainer,PreviousMember,WhichMenu,MenuWidth,MenuHeight);if(NoOffSubs) Member.ChildCntnr=CreateMenuStructure(WhichMenu+'_',NoOffSubs);PreviousMember=Member}MemberContainer.FirstMember=Member;CreateRecursLevel--;return(MemberContainer)}function CreateMenuStructureAgain(MenuName,NumberOf){var i,WhichMenu,NoOffSubs;var PreviousMember,Member=FirstContainer.FirstMember;CreateRecursLevel++;for(i=NumberOf;i>0;i--){WhichMenu=MenuName+eval(i);NoOffSubs=eval(WhichMenu+'[2]');PreviousMember=Member;if(NoOffSubs)Member.ChildCntnr=CreateMenuStructure(WhichMenu+'_',NoOffSubs);Member=Member.PrevMember}CreateRecursLevel--}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/menu/tridown.gif