Free DHTML menu request

Hi gals and guys,

I'm really newbie in DHTML (starting from scratch right now) but I used to use PHP, HTML.

I'm looking for a "free" DHTML menu "easily" customizable. I don't need a menu which can be updated dynamically. If I have to update the source file it's good for me.

If the menu can have relief effects and some other beautiful features, it should be great for me.

TIA
LVL 1
Richard Coffree-commerce Product ManagerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

avnerCommented:
0
Richard Coffree-commerce Product ManagerAuthor Commented:
It's really great but it doesn't seem to be Netscape compliant !!
0
superslamwichCommented:
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

avnerCommented:
That version will support NS6+.

If you need to support NS 4.x , your best bet would be heirMenus :

http://www.webreference.com/dhtml/column66/
0
jaysolomonCommented:
pyxos

Tell me what link names you want and what color scheme, and i will put you one together.

jAy
0
Richard Coffree-commerce Product ManagerAuthor Commented:
Hi Jay,

I'm sorry but i don't really understand your comment.
0
jaysolomonCommented:
If you will tell what link names you want, and how many menus you need i will create it.

Example:

Home|About Us|Services


Also what color do you want the menu i.e. Red,White, Blue

0
Richard Coffree-commerce Product ManagerAuthor Commented:
So far, i don't know exactly what link names i want so i will start by understanding the code but thanks for your help.
0
jaysolomonCommented:
Try this one it is a Horizontal
==========================================================
<html><head></head><body>
<script type='text/javascript'>

function Go(){return}

/***********************************************************************
    YOU CAN MANUALLY CHANGE THE MENU HERE, BUT BE VERY CAREFUL !
***********************************************************************/

Menu1=new Array("Menu1","http://YourSite.com","",0,20,80);

Menu2=new Array("Menu2","#","",1,0,80);
  Menu2_1=new Array("Sub Menu1","http://YourSite.com/","",0,20,80);

Menu3=new Array("Menu3","#","",1,0,80);
  Menu3_1=new Array("You","#","",1,20,80);
   Menu3_1_1=new Array("Can","#","",1,20,80);
    Menu3_1_1_1=new Array("Have","#","",1,20,80);
     Menu3_1_1_1_1=new Array("As","#","",1,20,80);
      Menu3_1_1_1_1_1=new Array("Many","#","",1,20,80);
       Menu3_1_1_1_1_1_1=new Array("Sub","#","",1,20,80);
        Menu3_1_1_1_1_1_1_1=new Array("Menus","#","",1,20,80);
         Menu3_1_1_1_1_1_1_1_1=new Array("As You","#","",1,20,80);
          Menu3_1_1_1_1_1_1_1_1_1=new Array("Want","http://yoursite.com","",0,20,80);

Menu4=new Array("Menu4","http://","",1,0,80);
  Menu4_1=new Array("Sub Menu10","http://yourSite.com","",0,20,80);

Menu5=new Array("Menu 5","http://","",1,20,80);
  Menu5_1=new Array("Sub Menu11","http://","",0,20,80);


var NoOffFirstLineMenus=5;      // Number of first level items
var LowBgColor='CCFFCC';            // Background color when mouse is not over
var LowSubBgColor='CCFFCC';      // Background color when mouse is not over on subs
var HighBgColor='009CE8';      // Background color when mouse is over
var HighSubBgColor='009CE8';      // Background color when mouse is over on subs
var FontLowColor='000000';      // Font color when mouse is not over
var FontSubLowColor='000000';      // Font color subs when mouse is not over
var FontHighColor='FFFF00';      // Font color when mouse is over
var FontSubHighColor='FFFF00';      // Font color subs when mouse is over
var BorderColor='FF0000';      // Border color
var BorderSubColor='FF0000';      // Border color for subs
var BorderWidth=1;            // Border width
var BorderBtwnElmnts=1;            // Border between elements 1 or 0
var FontFamily="Tahoma, Verdana, Arial"              // Font family menu items
var FontSize=10;                  // Font size menu items
var FontBold=0;                  // Bold menu items 1 or 0
var FontItalic=0;            // Italic menu items 1 or 0
var MenuTextCentered='center';      // Item text position 'left', 'center' or 'right'
var MenuCentered='left';      // Menu horizontal position 'left', 'center' or 'right'
var MenuVerticalCentered='top';      // Menu vertical position 'top', 'middle','bottom' or static
var ChildOverlap=.2;            // horizontal overlap child/ parent
var ChildVerticalOverlap=.2;      // vertical overlap child/ parent
var StartTop=1;            // Menu offset x coordinate
var StartLeft=1;            // Menu offset y coordinate
var VerCorrect=0;            // Multiple frames y correction
var HorCorrect=0;            // Multiple frames x correction
var LeftPaddng=3;            // Left padding
var TopPaddng=2;            // Top padding
var FirstLineHorizontal=1;      // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
var MenuFramesVertical=1;      // Frames in cols or rows 1 or 0
var DissapearDelay=1000;      // delay before menu folds in
var TakeOverBgColor=1;            // Menu frame takes over background color subitem frame
var FirstLineFrame='navig';      // Frame where first level appears
var SecLineFrame='space';      // Frame where sub levels appear
var DocTargetFrame='space';      // Frame where target documents appear
var TargetLoc='';            // span id for relative positioning
var HideTop=0;                  // Hide first level when loading new document 1 or 0
var MenuWrap=1;                  // enables/ disables menu wrap 1 or 0
var RightToLeft=0;            // enables/ disables right to left unfold 1 or 0
var UnfoldsOnClick=0;            // Level 1 unfolds onclick/ onmouseover
var WebMasterCheck=0;            // menu tree checking on or off 1 or 0
var ShowArrow=0;            // Uses arrow gifs when 1
var KeepHilite=1;            // Keep selected path highligthed
var Arrws=['tridark.gif',5,10,'tridarkdown.gif',10,5,'tridarkleft.gif',5,10];      // Arrow source, width and height


/***********************************************************************
   DO NOT EDIT ANYTHING BELOW THIS LINE - IT WILL BREAK THE SCRIPT !
***********************************************************************/

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 Opr=AgntUsr.indexOf('opera')!=-1?1:0;
var Opr6orless=window.opera && navigator.userAgent.search(/opera.[1-6]/i)!=-1 //DynamicDrive.com added code
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)&&!Opr6orless?1:0;
var FrstLoc,ScLoc,DcLoc;
var ScWinWdth,ScWinHght,FrstWinWdth,FrstWinHght;
var ScLdAgainWin;
var FirstColPos,SecColPos,DocColPos;
var RcrsLvl=0;
var FrstCreat=1,Loadd=0,Creatd=0,IniFlg,AcrssFrms=1;
var FrstCntnr=null,CurrntOvr=null,CloseTmr=null;
var CntrTxt,TxtClose,ImgStr;
var Ztop=100;
var ShwFlg=0;
var M_StrtTp=StartTop,M_StrtLft=StartLeft;
var StaticPos=0;
var LftXtra=DomNav&&!Opr?LeftPaddng:0; //Changed for Opera
var TpXtra=DomNav?TopPaddng:0;
var M_Hide=Nav4?'hide':'hidden';
var M_Show=Nav4?'show':'visible';
var Par=parent.frames[0]&&FirstLineFrame!=SecLineFrame?parent:window;
var Doc=Par.document;
var Bod=Doc.body;
var Trigger=NavYes&&!Opr?Par:Bod; //Changed for Opera

MenuTextCentered=MenuTextCentered==1||MenuTextCentered=='center'?'center':MenuTextCentered==0||MenuTextCentered!='right'?'left':'right';
WbMstrAlrts=["Item not defined: ","Item needs height: ","Item needs width: "];

if(Trigger.onload)Dummy=Trigger.onload;
if(DomNav||Opr)Trigger.addEventListener('load',Go,false); //Changed for Opera
else Trigger.onload=Go;

function Dummy(){return}

function CnclSlct(){return false}

function RePos(){
      FrstWinWdth=ExpYes?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;
      FrstWinHght=ExpYes?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;
      ScWinWdth=ExpYes?ScLoc.document.body.clientWidth:ScLoc.innerWidth;
      ScWinHght=ExpYes?ScLoc.document.body.clientHeight:ScLoc.innerHeight;
      if(MenuCentered=='justify'&&FirstLineHorizontal){
            FrstCntnr.style.width=FrstWinWdth;
            ClcJus();
            var P=FrstCntnr.FrstMbr,W=Menu1[5],i;
            for(i=0;i<NoOffFirstLineMenus;i++){P.style.width=W;P=P.PrvMbr}}
      StaticPos=-1;
      if(TargetLoc)ClcTrgt();
      if(MenuCentered)ClcLft();
      if(MenuVerticalCentered)ClcTp();
      PosMenu(FrstCntnr,StartTop,StartLeft)}

function UnLoaded(){
      if(CloseTmr)clearTimeout(CloseTmr);
      Loadd=0; Creatd=0;
      if(HideTop){
            var FCStyle=Nav4?FrstCntnr:FrstCntnr.style;
            FCStyle.visibility=M_Hide}}

function ReDoWhole(){
      if(ScWinWdth!=ScLoc.innerWidth||ScWinHght!=ScLoc.innerHeight||FrstWinWdth!=FrstLoc.innerWidth||FrstWinHght!=FrstLoc.innerHeight)Doc.location.reload()}

function Check(WMnu,NoOf){
      var i,array,ArrayLoc;
      ArrayLoc=parent.frames[0]?parent.frames[FirstLineFrame]:self;
      for(i=0;i<NoOf;i++){
            array=WMnu+eval(i+1);
            if(!ArrayLoc[array]){WbMstrAlrt(0,array); return false}
            if(i==0){      if(!ArrayLoc[array][4]){WbMstrAlrt(1,array); return false}
                  if(!ArrayLoc[array][5]){WbMstrAlrt(2,array); return false}}
            if(ArrayLoc[array][3])if(!Check(array+'_',ArrayLoc[array][3])) return false}
      return true}

function WbMstrAlrt(No,Xtra){
      return confirm(WbMstrAlrts[No]+Xtra+'   ')}

function Go(){
      Dummy();
      if(Loadd||!PosStrt)return;
      BeforeStart();
      Creatd=0; Loadd=1;
      status='Building menu';
      if(FrstCreat){
            if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){
                  FirstLineFrame=SecLineFrame;
                  if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){
                        FirstLineFrame=SecLineFrame=DocTargetFrame;
                        if(FirstLineFrame =="" || !parent.frames[FirstLineFrame])FirstLineFrame=SecLineFrame=DocTargetFrame=''}}
            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)){status='build aborted';return}}
            FrstLoc=FirstLineFrame!=""?parent.frames[FirstLineFrame]:window;
            ScLoc=SecLineFrame!=""?parent.frames[SecLineFrame]:window;
            DcLoc=DocTargetFrame!=""?parent.frames[DocTargetFrame]:window;
            if (FrstLoc==ScLoc) AcrssFrms=0;
            if (AcrssFrms)FirstLineHorizontal=MenuFramesVertical?0:1;
            FrstWinWdth=ExpYes?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;
            FrstWinHght=ExpYes?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;
            ScWinWdth=ExpYes?ScLoc.document.body.clientWidth:ScLoc.innerWidth;
            ScWinHght=ExpYes?ScLoc.document.body.clientHeight:ScLoc.innerHeight;
            if(Nav4){      CntrTxt=MenuTextCentered!='left'?"<div align='"+MenuTextCentered+"'>":"";
                  TxtClose="</font>"+MenuTextCentered!='left'?"</div>":""}}
      FirstColPos=Nav4?FrstLoc.document:FrstLoc.document.body;
      SecColPos=Nav4?ScLoc.document:ScLoc.document.body;
      DocColPos=Nav4?DcLoc.document:ScLoc.document.body;
      if (TakeOverBgColor)FirstColPos.bgColor=AcrssFrms?SecColPos.bgColor:DocColPos.bgColor;
      if(MenuCentered=='justify'&&FirstLineHorizontal)ClcJus();
      if(FrstCreat){
            FrstCntnr=CreateMenuStructure('Menu',NoOffFirstLineMenus);
            FrstCreat=AcrssFrms?0:1}
      else CreateMenuStructureAgain('Menu',NoOffFirstLineMenus);
      if(TargetLoc)ClcTrgt();
      if(MenuCentered)ClcLft();
      if(MenuVerticalCentered)ClcTp();
      PosMenu(FrstCntnr,StartTop,StartLeft);
      IniFlg=1;
      Initiate();
      Creatd=1;
      if (AcrssFrms)       //Added for Opera
            {       //Added for Opera
            ScLdAgainWin=ExpYes?ScLoc.document.body:ScLoc;
            ScLdAgainWin.onunload=UnLoaded;
            }       //Added for Opera
      Trigger.onresize=Nav4?ReDoWhole:RePos;
      AfterBuild();
      if(MenuVerticalCentered=='static'&&!AcrssFrms)setInterval('KeepPos()',250);
      status='Menu ready for use'}

function KeepPos(){
      var TS=ExpYes?FrstLoc.document.body.scrollTop:FrstLoc.pageYOffset;
      if(TS!=StaticPos){
            var FCStyle=Nav4?FrstCntnr:FrstCntnr.style;
            FCStyle.top=FrstCntnr.OrgTop=StartTop+TS;StaticPos=TS}}

function ClcJus(){
      var a=BorderBtwnElmnts?1:2,b=BorderBtwnElmnts?BorderWidth:0;
      var Size=Math.round(((FrstWinWdth-a*BorderWidth)/NoOffFirstLineMenus)-b),i,j;
      for(i=1;i<NoOffFirstLineMenus+1;i++){j=eval('Menu'+i);j[5]=Size}
      StartLeft=0}

function ClcTrgt(){
      var TLoc=Nav4?FrstLoc.document.layers[TargetLoc]:DomYes?FrstLoc.document.getElementById(TargetLoc):FrstLoc.document.all[TargetLoc];
      StartTop=M_StrtTp;
      StartLeft=M_StrtLft;
      if(DomYes){
            while(TLoc){StartTop+=TLoc.offsetTop;StartLeft+=TLoc.offsetLeft;TLoc=TLoc.offsetParent}}
      else{      StartTop+=Nav4?TLoc.pageY:TLoc.offsetTop;StartLeft+=Nav4?TLoc.pageX:TLoc.offsetLeft}}

function ClcLft(){
      if(MenuCentered!='left'&&MenuCentered!='justify'){
            var Size=FrstWinWdth-(!Nav4?parseInt(FrstCntnr.style.width):FrstCntnr.clip.width);
            StartLeft=M_StrtLft;
            StartLeft+=MenuCentered=='right'?Size:Size/2}}

function ClcTp(){
      if(MenuVerticalCentered!='top'&&MenuVerticalCentered!='static'){
            var Size=FrstWinHght-(!Nav4?parseInt(FrstCntnr.style.height):FrstCntnr.clip.height);
            StartTop=M_StrtTp;
            StartTop+=MenuVerticalCentered=='bottom'?Size:Size/2}}

function PosMenu(CntnrPntr,Tp,Lt){
      var Topi,Lefti,Hori;
      var Cntnr=CntnrPntr;
      var Mmbr=Cntnr.FrstMbr;
      var CntnrStyle=!Nav4?Cntnr.style:Cntnr;
      var MmbrStyle=!Nav4?Mmbr.style:Mmbr;
      var PadL=Mmbr.value.indexOf('<')==-1?LftXtra:0;
      var PadT=Mmbr.value.indexOf('<')==-1?TpXtra:0;
      var MmbrWt=!Nav4?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;
      var MmbrHt=!Nav4?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;
      var CntnrWt=!Nav4?parseInt(CntnrStyle.width):CntnrStyle.clip.width;
      var CntnrHt=!Nav4?parseInt(CntnrStyle.height):CntnrStyle.clip.height;
      var SubTp,SubLt;
      RcrsLvl++;
      if (RcrsLvl==1 && AcrssFrms)!MenuFramesVertical?Tp=FrstWinHght-CntnrHt+(Nav4?4:0):Lt=RightToLeft?0:FrstWinWdth-CntnrWt+(Nav4?4:0);
      if (RcrsLvl==2 && AcrssFrms)!MenuFramesVertical?Tp=0:Lt=RightToLeft?ScWinWdth-CntnrWt:0;
      if (RcrsLvl==2 && AcrssFrms){Tp+=VerCorrect;Lt+=HorCorrect}
      CntnrStyle.top=RcrsLvl==1?Tp:0;
      Cntnr.OrgTop=Tp;
      CntnrStyle.left=RcrsLvl==1?Lt:0;
      Cntnr.OrgLeft=Lt;
      if (RcrsLvl==1 && FirstLineHorizontal){
            Hori=1;Lefti=CntnrWt-MmbrWt-2*BorderWidth;Topi=0}
      else{      Hori=Lefti=0;Topi=CntnrHt-MmbrHt-2*BorderWidth}
      while(Mmbr!=null){
            MmbrStyle.left=Lefti+BorderWidth;
            MmbrStyle.top=Topi+BorderWidth;
            if(Nav4)Mmbr.CmdLyr.moveTo(Lefti+BorderWidth,Topi+BorderWidth);
            if(Mmbr.ChildCntnr){
                  if(RightToLeft)ChldCntnrWdth=Nav4?Mmbr.ChildCntnr.clip.width:parseInt(Mmbr.ChildCntnr.style.width);
                  if(Hori){      SubTp=Topi+MmbrHt+2*BorderWidth;
                        SubLt=RightToLeft?Lefti+MmbrWt-ChldCntnrWdth:Lefti}
                  else{      SubLt=RightToLeft?Lefti-ChldCntnrWdth+ChildOverlap*MmbrWt+BorderWidth:Lefti+(1-ChildOverlap)*MmbrWt+BorderWidth;
                        SubTp=RcrsLvl==1&&AcrssFrms?Topi:Topi+ChildVerticalOverlap*MmbrHt}
                  PosMenu(Mmbr.ChildCntnr,SubTp,SubLt)}
            Mmbr=Mmbr.PrvMbr;
            if(Mmbr){      MmbrStyle=!Nav4?Mmbr.style:Mmbr;
                  PadL=Mmbr.value.indexOf('<')==-1?LftXtra:0;
                  PadT=Mmbr.value.indexOf('<')==-1?TpXtra:0;
                  MmbrWt=!Nav4?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;
                  MmbrHt=!Nav4?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;
                  Hori?Lefti-=BorderBtwnElmnts?(MmbrWt+BorderWidth):(MmbrWt):Topi-=BorderBtwnElmnts?(MmbrHt+BorderWidth):(MmbrHt)}}
      RcrsLvl--}

function Initiate(){
      if(IniFlg){      Init(FrstCntnr);IniFlg=0;
            if(ShwFlg)AfterCloseAll();ShwFlg=0}}

function Init(CntnrPntr){
      var Mmbr=CntnrPntr.FrstMbr;
      var MCStyle=Nav4?CntnrPntr:CntnrPntr.style;
      RcrsLvl++;
      MCStyle.visibility=RcrsLvl==1?M_Show:M_Hide;
      while(Mmbr!=null){
            if(Mmbr.Hilite){Mmbr.Hilite=0;if(KeepHilite)LowItem(Mmbr)}
            if(Mmbr.ChildCntnr) Init(Mmbr.ChildCntnr);
            Mmbr=Mmbr.PrvMbr}
      RcrsLvl--}

function ClearAllChilds(Pntr){
      var CPCCStyle;
      while (Pntr){
            if(Pntr.Hilite){
                  Pntr.Hilite=0;
                  if(KeepHilite)LowItem(Pntr);
                  if(Pntr.ChildCntnr){
                        CPCCStyle=Nav4?Pntr.ChildCntnr:Pntr.ChildCntnr.style;
                        CPCCStyle.visibility=M_Hide;
                        ClearAllChilds(Pntr.ChildCntnr.FrstMbr)}
                  break}
            Pntr=Pntr.PrvMbr}}

function GoTo(){
      if(this.LinkTxt){
            status='';
            var HP=Nav4?this.LowLyr:this;
            LowItem(HP);
            this.LinkTxt.indexOf('javascript:')!=-1?eval(this.LinkTxt):DcLoc.location.href=this.LinkTxt}}

function HiliteItem(P){
      if(Nav4){
            if(P.ro)P.document.images[P.rid].src=P.ri2;
            else{      if(P.HiBck)P.bgColor=P.HiBck;
                  if(P.value.indexOf('<img')==-1){
                        P.document.write(P.Ovalue);
                        P.document.close()}}}
      else{      if(P.ro){      var Lc=P.Level==1?FrstLoc:ScLoc;
                  Lc.document.images[P.rid].src=P.ri2}
            else{      if(P.HiBck)P.style.backgroundColor=P.HiBck;
                  if(P.HiFntClr)P.style.color=P.HiFntClr}}
      P.Hilite=1}

function LowItem(P){
      if(P.ro){      if(Nav4)P.document.images[P.rid].src=P.ri1;
            else{      var Lc=P.Level==1?FrstLoc:ScLoc;
                  Lc.document.images[P.rid].src=P.ri1}}
      else{      if(Nav4){      if(P.LoBck)P.bgColor=P.LoBck;
                  if(P.value.indexOf('<img')==-1){
                        P.document.write(P.value);
                        P.document.close()}}
            else{      if(P.LoBck)P.style.backgroundColor=P.LoBck;
                  if(P.LwFntClr)P.style.color=P.LwFntClr}}}

function OpenMenu(){
      if(!Loadd||!Creatd) return;
      var TpScrlld=ExpYes?ScLoc.document.body.scrollTop:ScLoc.pageYOffset;
      var LScrlld=ExpYes?ScLoc.document.body.scrollLeft:ScLoc.pageXOffset;
      var CCnt=Nav4?this.LowLyr.ChildCntnr:this.ChildCntnr;
      var ThisHt=Nav4?this.clip.height:parseInt(this.style.height);
      var ThisWt=Nav4?this.clip.width:parseInt(this.style.width);
      var ThisLft=AcrssFrms&&this.Level==1&&!FirstLineHorizontal?0:Nav4?this.Container.left:parseInt(this.Container.style.left);
      var ThisTp=AcrssFrms&&this.Level==1&&FirstLineHorizontal?0:Nav4?this.Container.top:parseInt(this.Container.style.top);
      var HP=Nav4?this.LowLyr:this;
      CurrntOvr=this;
      IniFlg=0;
      ClearAllChilds(this.Container.FrstMbr);
      HiliteItem(HP);
      if(CCnt!=null){
            if(!ShwFlg){ShwFlg=1;      BeforeFirstOpen()}
            var CCW=Nav4?this.LowLyr.ChildCntnr.clip.width:parseInt(this.ChildCntnr.style.width);
            var CCH=Nav4?this.LowLyr.ChildCntnr.clip.height:parseInt(this.ChildCntnr.style.height);
            var ChCntTL=Nav4?this.LowLyr.ChildCntnr:this.ChildCntnr.style;
            var SubLt=AcrssFrms&&this.Level==1?CCnt.OrgLeft+ThisLft+LScrlld:CCnt.OrgLeft+ThisLft;
            var SubTp=AcrssFrms&&this.Level==1?CCnt.OrgTop+ThisTp+TpScrlld:CCnt.OrgTop+ThisTp;
            if(MenuWrap){
                  if(RightToLeft){
                        if(SubLt<LScrlld)SubLt=this.Level==1?LScrlld:SubLt+(CCW+(1-2*ChildOverlap)*ThisWt);
                        if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=ScWinWdth+LScrlld-CCW}
                  else{      if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=this.Level==1?ScWinWdth+LScrlld-CCW:SubLt-(CCW+(1-2*ChildOverlap)*ThisWt);
                        if(SubLt<LScrlld)SubLt=LScrlld}
                  if(SubTp+CCH>TpScrlld+ScWinHght)SubTp=this.Level==1?SubTp=TpScrlld+ScWinHght-CCH:SubTp-CCH+(1-2*ChildVerticalOverlap)*ThisHt;
                  if(SubTp<TpScrlld)SubTp=TpScrlld}
            ChCntTL.top=SubTp;ChCntTL.left=SubLt;ChCntTL.visibility=M_Show}
      status=this.LinkTxt}

function OpenMenuClick(){
      if(!Loadd||!Creatd) return;
      var HP=Nav4?this.LowLyr:this;
      CurrntOvr=this;
      IniFlg=0;
      ClearAllChilds(this.Container.FrstMbr);
      HiliteItem(HP);
      status=this.LinkTxt}

function CloseMenu(){
      if(!Loadd||!Creatd) return;
      if(!KeepHilite){
            var HP=Nav4?this.LowLyr:this;
            LowItem(HP)}
      status='';
      if(this==CurrntOvr){
            IniFlg=1;
            if(CloseTmr)clearTimeout(CloseTmr);
            CloseTmr=setTimeout('Initiate(CurrntOvr)',DissapearDelay)}}

function CntnrSetUp(Wdth,Hght,NoOff){
      var x=RcrsLvl==1?BorderColor:BorderSubColor;
      this.FrstMbr=null;
      this.OrgLeft=this.OrgTop=0;
      if(x)this.bgColor=x;
      if(Nav4){      this.visibility='hide';
            this.resizeTo(Wdth,Hght)}
      else{      if(x)this.style.backgroundColor=x;
            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=RcrsLvl+Ztop}}

function MbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){
      var Location=RcrsLvl==1?FrstLoc:ScLoc;
      var MemVal=eval(WhatMenu+'[0]');
      var t,T,L,W,H,S;
      var a,b,c,d;
      this.PrvMbr=PrMmbr;
      this.Level=RcrsLvl;
      this.LinkTxt=eval(WhatMenu+'[1]');
      this.Container=MmbrCntnr;
      this.ChildCntnr=null;
      this.Hilite=0;
      this.style.overflow='hidden';
      this.style.cursor=ExpYes&&(this.LinkTxt||(RcrsLvl==1&&UnfoldsOnClick))?'hand':'default';
      this.ro=0;
      if(MemVal.indexOf('rollover')!=-1){
            this.ro=1;
            this.ri1=MemVal.substring(MemVal.indexOf(':')+1,MemVal.lastIndexOf(':'));
            this.ri2=MemVal.substring(MemVal.lastIndexOf(':')+1,MemVal.length);
            this.rid=WhatMenu+'i';MemVal="<img src='"+this.ri1+"' name='"+this.rid+"'>"}
      this.value=MemVal;
      if(RcrsLvl==1){
            a=LowBgColor;
            b=HighBgColor;
            c=FontLowColor;
            d=FontHighColor}
      else{      a=LowSubBgColor;
            b=HighSubBgColor;
            c=FontSubLowColor;
            d=FontSubHighColor}
      this.LoBck=a;
      this.LwFntClr=c;
      this.HiBck=b;
      this.HiFntClr=d;
      this.style.color=this.LwFntClr;
      if(this.LoBck)this.style.backgroundColor=this.LoBck;
      this.style.textAlign=MenuTextCentered;
      if(eval(WhatMenu+'[2]'))this.style.backgroundImage="url(\'"+eval(WhatMenu+'[2]')+"\')";
      if(MemVal.indexOf('<')==-1){
            this.style.width=Wdth-LftXtra;
            this.style.height=Hght-TpXtra;
            this.style.paddingLeft=LeftPaddng;
            this.style.paddingTop=TopPaddng}
      else{      this.style.width=Wdth;
            this.style.height=Hght}
      if(MemVal.indexOf('<')==-1&&DomYes){
            t=Location.document.createTextNode(MemVal);
            this.appendChild(t)}
      else this.innerHTML=MemVal;
      if(eval(WhatMenu+'[3]')&&ShowArrow){
            a=RcrsLvl==1&&FirstLineHorizontal?3:RightToLeft?6:0;
            S=Arrws[a];
            W=Arrws[a+1];
            H=Arrws[a+2];
            T=RcrsLvl==1&&FirstLineHorizontal?Hght-H-2:(Hght-H)/2;
            L=RightToLeft?2:Wdth-W-2;
            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.onselectstart=CnclSlct;
            this.onmouseover=RcrsLvl==1&&UnfoldsOnClick?OpenMenuClick:OpenMenu;
            this.onmouseout=CloseMenu;
            this.onclick=RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?OpenMenu:GoTo      }
      else{      RcrsLvl==1&&UnfoldsOnClick?this.addEventListener('mouseover',OpenMenuClick,false):this.addEventListener('mouseover',OpenMenu,false);
            this.addEventListener('mouseout',CloseMenu,false);
            RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?this.addEventListener('click',OpenMenu,false):this.addEventListener('click',GoTo,false)}}

function NavMbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){
      var a,b,c,d;
      if(RcrsLvl==1){
            a=LowBgColor;
            b=HighBgColor;
            c=FontLowColor;
            d=FontHighColor}
      else {      a=LowSubBgColor;
            b=HighSubBgColor;
            c=FontSubLowColor;
            d=FontSubHighColor      }
      this.value=eval(WhatMenu+'[0]');
      this.ro=0;
      if(this.value.indexOf('rollover')!=-1){
            this.ro=1;
            this.ri1=this.value.substring(this.value.indexOf(':')+1,this.value.lastIndexOf(':'));
            this.ri2=this.value.substring(this.value.lastIndexOf(':')+1,this.value.length);
            this.rid=WhatMenu+'i';this.value="<img src='"+this.ri1+"' name='"+this.rid+"'>"}
      if(LeftPaddng&&this.value.indexOf('<')==-1&&MenuTextCentered=='left')this.value='&nbsp\;'+this.value;
      if(FontBold)this.value=this.value.bold();
      if(FontItalic)this.value=this.value.italics();
      this.Ovalue=this.value;
      this.value=this.value.fontcolor(c);
      this.Ovalue=this.Ovalue.fontcolor(d);
      this.value=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.value+TxtClose;
      this.Ovalue=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.Ovalue+TxtClose;
      this.LoBck=a;
      this.HiBck=b;
      this.ChildCntnr=null;
      this.PrvMbr=PrMmbr;
      this.Hilite=0;
      this.visibility='inherit';
      if(this.LoBck)this.bgColor=this.LoBck;
      this.resizeTo(Wdth,Hght);
      if(!AcrssFrms&&eval(WhatMenu+'[2]'))this.background.src=eval(WhatMenu+'[2]');
      this.document.write(this.value);
      this.document.close();
      this.CmdLyr=new Layer(Wdth,MmbrCntnr);
      this.CmdLyr.Level=RcrsLvl;
      this.CmdLyr.LinkTxt=eval(WhatMenu+'[1]');
      this.CmdLyr.visibility='inherit';
      this.CmdLyr.onmouseover=RcrsLvl==1&&UnfoldsOnClick?OpenMenuClick:OpenMenu;
      this.CmdLyr.onmouseout=CloseMenu;
      this.CmdLyr.captureEvents(Event.MOUSEUP);
      this.CmdLyr.onmouseup=RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?OpenMenu:GoTo;
      this.CmdLyr.LowLyr=this;
      this.CmdLyr.resizeTo(Wdth,Hght);
      this.CmdLyr.Container=MmbrCntnr;
      if(eval(WhatMenu+'[3]')&&ShowArrow){
            a=RcrsLvl==1&&FirstLineHorizontal?3:RightToLeft?6:0;
            this.CmdLyr.ImgLyr=new Layer(Arrws[a+1],this.CmdLyr);
            this.CmdLyr.ImgLyr.visibility='inherit';
            this.CmdLyr.ImgLyr.top=RcrsLvl==1&&FirstLineHorizontal?Hght-Arrws[a+2]-2:(Hght-Arrws[a+2])/2;
            this.CmdLyr.ImgLyr.left=RightToLeft?2:Wdth-Arrws[a+1]-2;
            this.CmdLyr.ImgLyr.width=Arrws[a+1];
            this.CmdLyr.ImgLyr.height=Arrws[a+2];
            ImgStr="<img src='"+Arrws[a]+"' width='"+Arrws[a+1]+"' height='"+Arrws[a+2]+"'>";
            this.CmdLyr.ImgLyr.document.write(ImgStr);
            this.CmdLyr.ImgLyr.document.close()}}

function CreateMenuStructure(MName,NumberOf){
      RcrsLvl++;
      var i,NoOffSubs,Mbr,Wdth=0,Hght=0;
      var PrvMmbr=null;
      var WMnu=MName+'1';
      var MenuWidth=eval(WMnu+'[5]');
      var MenuHeight=eval(WMnu+'[4]');
      var Location=RcrsLvl==1?FrstLoc:ScLoc;
      if (RcrsLvl==1&&FirstLineHorizontal){
            for(i=1;i<NumberOf+1;i++){
                  WMnu=MName+eval(i);
                  Wdth=eval(WMnu+'[5]')?Wdth+eval(WMnu+'[5]'):Wdth+MenuWidth}
            Wdth=BorderBtwnElmnts?Wdth+(NumberOf+1)*BorderWidth:Wdth+2*BorderWidth;Hght=MenuHeight+2*BorderWidth}
      else{      for(i=1;i<NumberOf+1;i++){
                  WMnu=MName+eval(i);
                  Hght=eval(WMnu+'[4]')?Hght+eval(WMnu+'[4]'):Hght+MenuHeight}
            Hght=BorderBtwnElmnts?Hght+(NumberOf+1)*BorderWidth:Hght+2*BorderWidth;Wdth=MenuWidth+2*BorderWidth}
      if(DomYes){
            var MmbrCntnr=Location.document.createElement("div");
            MmbrCntnr.style.position='absolute';
            MmbrCntnr.style.visibility='hidden';
            Location.document.body.appendChild(MmbrCntnr)}
      else{      if(Nav4) var MmbrCntnr=new Layer(Wdth,Location)
            else{      WMnu+='c';
                  Location.document.body.insertAdjacentHTML("AfterBegin","<div id='"+WMnu+"' style='visibility:hidden; position:absolute;'><\/div>");
                  var MmbrCntnr=Location.document.all[WMnu]}}
      MmbrCntnr.SetUp=CntnrSetUp;
      MmbrCntnr.SetUp(Wdth,Hght,NumberOf);
      if(Exp4){      MmbrCntnr.InnerString='';
            for(i=1;i<NumberOf+1;i++){
                  WMnu=MName+eval(i);
                  MmbrCntnr.InnerString+="<div id='"+WMnu+"' style='position:absolute;'><\/div>"}
            MmbrCntnr.innerHTML=MmbrCntnr.InnerString}
      for(i=1;i<NumberOf+1;i++){
            WMnu=MName+eval(i);
            NoOffSubs=eval(WMnu+'[3]');
            Wdth=RcrsLvl==1&&FirstLineHorizontal?eval(WMnu+'[5]')?eval(WMnu+'[5]'):MenuWidth:MenuWidth;
            Hght=RcrsLvl==1&&FirstLineHorizontal?MenuHeight:eval(WMnu+'[4]')?eval(WMnu+'[4]'):MenuHeight;
            if(DomYes){
                  Mbr=Location.document.createElement("div");
                  Mbr.style.position='absolute';
                  Mbr.style.visibility='inherit';
                  MmbrCntnr.appendChild(Mbr)}
            else Mbr=Nav4?new Layer(Wdth,MmbrCntnr):Location.document.all[WMnu];
            Mbr.SetUp=Nav4?NavMbrSetUp:MbrSetUp;
            Mbr.SetUp(MmbrCntnr,PrvMmbr,WMnu,Wdth,Hght);
            if(NoOffSubs) Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);
            PrvMmbr=Mbr}
      MmbrCntnr.FrstMbr=Mbr;
      RcrsLvl--;
      return(MmbrCntnr)}

function CreateMenuStructureAgain(MName,NumberOf){
      var i,WMnu,NoOffSubs,PrvMmbr,Mbr=FrstCntnr.FrstMbr;
      RcrsLvl++;
      for(i=NumberOf;i>0;i--){
            WMnu=MName+eval(i);
            NoOffSubs=eval(WMnu+'[3]');
            PrvMmbr=Mbr;
            if(NoOffSubs)Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);
            Mbr=Mbr.PrvMbr}
      RcrsLvl--}

function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}

</script>
<noscript>Your browser does not support script</noscript>

<!-- REST OF BODY CONTENT BELOW HERE -->
</body></html>
0
jaysolomonCommented:
Here Is a Vertical Menu
==========================================================
<html><head></head><body>
<script type='text/javascript'>

function Go(){return}

/***********************************************************************
    YOU CAN MANUALLY CHANGE THE MENU HERE, BUT BE VERY CAREFUL !
***********************************************************************/

Menu1=new Array("Menu1","http://YourSite.com","",0,20,80);

Menu2=new Array("Menu2","#","",1,0,80);
  Menu2_1=new Array("Sub Menu1","http://YourSite.com/","",0,20,80);

Menu3=new Array("Menu3","#","",1,0,80);
  Menu3_1=new Array("You","#","",1,20,80);
   Menu3_1_1=new Array("Can","#","",1,20,80);
    Menu3_1_1_1=new Array("Have","#","",1,20,80);
     Menu3_1_1_1_1=new Array("As","#","",1,20,80);
      Menu3_1_1_1_1_1=new Array("Many","#","",1,20,80);
       Menu3_1_1_1_1_1_1=new Array("Sub","#","",1,20,80);
        Menu3_1_1_1_1_1_1_1=new Array("Menus","#","",1,20,80);
         Menu3_1_1_1_1_1_1_1_1=new Array("As You","#","",1,20,80);
          Menu3_1_1_1_1_1_1_1_1_1=new Array("Want","http://yoursite.com","",0,20,80);

Menu4=new Array("Menu4","http://","",1,0,80);
  Menu4_1=new Array("Sub Menu10","http://yourSite.com","",0,20,80);

Menu5=new Array("Menu 5","http://","",1,20,80);
  Menu5_1=new Array("Sub Menu11","http://","",0,20,80);


var NoOffFirstLineMenus=5;      // Number of first level items
var LowBgColor='CCFFCC';            // Background color when mouse is not over
var LowSubBgColor='CCFFCC';      // Background color when mouse is not over on subs
var HighBgColor='009CE8';      // Background color when mouse is over
var HighSubBgColor='009CE8';      // Background color when mouse is over on subs
var FontLowColor='000000';      // Font color when mouse is not over
var FontSubLowColor='000000';      // Font color subs when mouse is not over
var FontHighColor='FFFF00';      // Font color when mouse is over
var FontSubHighColor='FFFF00';      // Font color subs when mouse is over
var BorderColor='FF0000';      // Border color
var BorderSubColor='FF0000';      // Border color for subs
var BorderWidth=1;            // Border width
var BorderBtwnElmnts=1;            // Border between elements 1 or 0
var FontFamily="Tahoma, Verdana, Arial"              // Font family menu items
var FontSize=10;                  // Font size menu items
var FontBold=0;                  // Bold menu items 1 or 0
var FontItalic=0;            // Italic menu items 1 or 0
var MenuTextCentered='center';      // Item text position 'left', 'center' or 'right'
var MenuCentered='left';      // Menu horizontal position 'left', 'center' or 'right'
var MenuVerticalCentered='top';      // Menu vertical position 'top', 'middle','bottom' or static
var ChildOverlap=.2;            // horizontal overlap child/ parent
var ChildVerticalOverlap=.2;      // vertical overlap child/ parent
var StartTop=1;            // Menu offset x coordinate
var StartLeft=1;            // Menu offset y coordinate
var VerCorrect=0;            // Multiple frames y correction
var HorCorrect=0;            // Multiple frames x correction
var LeftPaddng=3;            // Left padding
var TopPaddng=2;            // Top padding
var FirstLineHorizontal=0;      // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
var MenuFramesVertical=1;      // Frames in cols or rows 1 or 0
var DissapearDelay=1000;      // delay before menu folds in
var TakeOverBgColor=1;            // Menu frame takes over background color subitem frame
var FirstLineFrame='navig';      // Frame where first level appears
var SecLineFrame='space';      // Frame where sub levels appear
var DocTargetFrame='space';      // Frame where target documents appear
var TargetLoc='';            // span id for relative positioning
var HideTop=0;                  // Hide first level when loading new document 1 or 0
var MenuWrap=1;                  // enables/ disables menu wrap 1 or 0
var RightToLeft=0;            // enables/ disables right to left unfold 1 or 0
var UnfoldsOnClick=0;            // Level 1 unfolds onclick/ onmouseover
var WebMasterCheck=0;            // menu tree checking on or off 1 or 0
var ShowArrow=0;            // Uses arrow gifs when 1
var KeepHilite=1;            // Keep selected path highligthed
var Arrws=['tridark.gif',5,10,'tridarkdown.gif',10,5,'tridarkleft.gif',5,10];      // Arrow source, width and height


/***********************************************************************
   DO NOT EDIT ANYTHING BELOW THIS LINE - IT WILL BREAK THE SCRIPT !
***********************************************************************/

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 Opr=AgntUsr.indexOf('opera')!=-1?1:0;
var Opr6orless=window.opera && navigator.userAgent.search(/opera.[1-6]/i)!=-1 //DynamicDrive.com added code
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)&&!Opr6orless?1:0;
var FrstLoc,ScLoc,DcLoc;
var ScWinWdth,ScWinHght,FrstWinWdth,FrstWinHght;
var ScLdAgainWin;
var FirstColPos,SecColPos,DocColPos;
var RcrsLvl=0;
var FrstCreat=1,Loadd=0,Creatd=0,IniFlg,AcrssFrms=1;
var FrstCntnr=null,CurrntOvr=null,CloseTmr=null;
var CntrTxt,TxtClose,ImgStr;
var Ztop=100;
var ShwFlg=0;
var M_StrtTp=StartTop,M_StrtLft=StartLeft;
var StaticPos=0;
var LftXtra=DomNav&&!Opr?LeftPaddng:0; //Changed for Opera
var TpXtra=DomNav?TopPaddng:0;
var M_Hide=Nav4?'hide':'hidden';
var M_Show=Nav4?'show':'visible';
var Par=parent.frames[0]&&FirstLineFrame!=SecLineFrame?parent:window;
var Doc=Par.document;
var Bod=Doc.body;
var Trigger=NavYes&&!Opr?Par:Bod; //Changed for Opera

MenuTextCentered=MenuTextCentered==1||MenuTextCentered=='center'?'center':MenuTextCentered==0||MenuTextCentered!='right'?'left':'right';
WbMstrAlrts=["Item not defined: ","Item needs height: ","Item needs width: "];

if(Trigger.onload)Dummy=Trigger.onload;
if(DomNav||Opr)Trigger.addEventListener('load',Go,false); //Changed for Opera
else Trigger.onload=Go;

function Dummy(){return}

function CnclSlct(){return false}

function RePos(){
      FrstWinWdth=ExpYes?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;
      FrstWinHght=ExpYes?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;
      ScWinWdth=ExpYes?ScLoc.document.body.clientWidth:ScLoc.innerWidth;
      ScWinHght=ExpYes?ScLoc.document.body.clientHeight:ScLoc.innerHeight;
      if(MenuCentered=='justify'&&FirstLineHorizontal){
            FrstCntnr.style.width=FrstWinWdth;
            ClcJus();
            var P=FrstCntnr.FrstMbr,W=Menu1[5],i;
            for(i=0;i<NoOffFirstLineMenus;i++){P.style.width=W;P=P.PrvMbr}}
      StaticPos=-1;
      if(TargetLoc)ClcTrgt();
      if(MenuCentered)ClcLft();
      if(MenuVerticalCentered)ClcTp();
      PosMenu(FrstCntnr,StartTop,StartLeft)}

function UnLoaded(){
      if(CloseTmr)clearTimeout(CloseTmr);
      Loadd=0; Creatd=0;
      if(HideTop){
            var FCStyle=Nav4?FrstCntnr:FrstCntnr.style;
            FCStyle.visibility=M_Hide}}

function ReDoWhole(){
      if(ScWinWdth!=ScLoc.innerWidth||ScWinHght!=ScLoc.innerHeight||FrstWinWdth!=FrstLoc.innerWidth||FrstWinHght!=FrstLoc.innerHeight)Doc.location.reload()}

function Check(WMnu,NoOf){
      var i,array,ArrayLoc;
      ArrayLoc=parent.frames[0]?parent.frames[FirstLineFrame]:self;
      for(i=0;i<NoOf;i++){
            array=WMnu+eval(i+1);
            if(!ArrayLoc[array]){WbMstrAlrt(0,array); return false}
            if(i==0){      if(!ArrayLoc[array][4]){WbMstrAlrt(1,array); return false}
                  if(!ArrayLoc[array][5]){WbMstrAlrt(2,array); return false}}
            if(ArrayLoc[array][3])if(!Check(array+'_',ArrayLoc[array][3])) return false}
      return true}

function WbMstrAlrt(No,Xtra){
      return confirm(WbMstrAlrts[No]+Xtra+'   ')}

function Go(){
      Dummy();
      if(Loadd||!PosStrt)return;
      BeforeStart();
      Creatd=0; Loadd=1;
      status='Building menu';
      if(FrstCreat){
            if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){
                  FirstLineFrame=SecLineFrame;
                  if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){
                        FirstLineFrame=SecLineFrame=DocTargetFrame;
                        if(FirstLineFrame =="" || !parent.frames[FirstLineFrame])FirstLineFrame=SecLineFrame=DocTargetFrame=''}}
            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)){status='build aborted';return}}
            FrstLoc=FirstLineFrame!=""?parent.frames[FirstLineFrame]:window;
            ScLoc=SecLineFrame!=""?parent.frames[SecLineFrame]:window;
            DcLoc=DocTargetFrame!=""?parent.frames[DocTargetFrame]:window;
            if (FrstLoc==ScLoc) AcrssFrms=0;
            if (AcrssFrms)FirstLineHorizontal=MenuFramesVertical?0:1;
            FrstWinWdth=ExpYes?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;
            FrstWinHght=ExpYes?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;
            ScWinWdth=ExpYes?ScLoc.document.body.clientWidth:ScLoc.innerWidth;
            ScWinHght=ExpYes?ScLoc.document.body.clientHeight:ScLoc.innerHeight;
            if(Nav4){      CntrTxt=MenuTextCentered!='left'?"<div align='"+MenuTextCentered+"'>":"";
                  TxtClose="</font>"+MenuTextCentered!='left'?"</div>":""}}
      FirstColPos=Nav4?FrstLoc.document:FrstLoc.document.body;
      SecColPos=Nav4?ScLoc.document:ScLoc.document.body;
      DocColPos=Nav4?DcLoc.document:ScLoc.document.body;
      if (TakeOverBgColor)FirstColPos.bgColor=AcrssFrms?SecColPos.bgColor:DocColPos.bgColor;
      if(MenuCentered=='justify'&&FirstLineHorizontal)ClcJus();
      if(FrstCreat){
            FrstCntnr=CreateMenuStructure('Menu',NoOffFirstLineMenus);
            FrstCreat=AcrssFrms?0:1}
      else CreateMenuStructureAgain('Menu',NoOffFirstLineMenus);
      if(TargetLoc)ClcTrgt();
      if(MenuCentered)ClcLft();
      if(MenuVerticalCentered)ClcTp();
      PosMenu(FrstCntnr,StartTop,StartLeft);
      IniFlg=1;
      Initiate();
      Creatd=1;
      if (AcrssFrms)       //Added for Opera
            {       //Added for Opera
            ScLdAgainWin=ExpYes?ScLoc.document.body:ScLoc;
            ScLdAgainWin.onunload=UnLoaded;
            }       //Added for Opera
      Trigger.onresize=Nav4?ReDoWhole:RePos;
      AfterBuild();
      if(MenuVerticalCentered=='static'&&!AcrssFrms)setInterval('KeepPos()',250);
      status='Menu ready for use'}

function KeepPos(){
      var TS=ExpYes?FrstLoc.document.body.scrollTop:FrstLoc.pageYOffset;
      if(TS!=StaticPos){
            var FCStyle=Nav4?FrstCntnr:FrstCntnr.style;
            FCStyle.top=FrstCntnr.OrgTop=StartTop+TS;StaticPos=TS}}

function ClcJus(){
      var a=BorderBtwnElmnts?1:2,b=BorderBtwnElmnts?BorderWidth:0;
      var Size=Math.round(((FrstWinWdth-a*BorderWidth)/NoOffFirstLineMenus)-b),i,j;
      for(i=1;i<NoOffFirstLineMenus+1;i++){j=eval('Menu'+i);j[5]=Size}
      StartLeft=0}

function ClcTrgt(){
      var TLoc=Nav4?FrstLoc.document.layers[TargetLoc]:DomYes?FrstLoc.document.getElementById(TargetLoc):FrstLoc.document.all[TargetLoc];
      StartTop=M_StrtTp;
      StartLeft=M_StrtLft;
      if(DomYes){
            while(TLoc){StartTop+=TLoc.offsetTop;StartLeft+=TLoc.offsetLeft;TLoc=TLoc.offsetParent}}
      else{      StartTop+=Nav4?TLoc.pageY:TLoc.offsetTop;StartLeft+=Nav4?TLoc.pageX:TLoc.offsetLeft}}

function ClcLft(){
      if(MenuCentered!='left'&&MenuCentered!='justify'){
            var Size=FrstWinWdth-(!Nav4?parseInt(FrstCntnr.style.width):FrstCntnr.clip.width);
            StartLeft=M_StrtLft;
            StartLeft+=MenuCentered=='right'?Size:Size/2}}

function ClcTp(){
      if(MenuVerticalCentered!='top'&&MenuVerticalCentered!='static'){
            var Size=FrstWinHght-(!Nav4?parseInt(FrstCntnr.style.height):FrstCntnr.clip.height);
            StartTop=M_StrtTp;
            StartTop+=MenuVerticalCentered=='bottom'?Size:Size/2}}

function PosMenu(CntnrPntr,Tp,Lt){
      var Topi,Lefti,Hori;
      var Cntnr=CntnrPntr;
      var Mmbr=Cntnr.FrstMbr;
      var CntnrStyle=!Nav4?Cntnr.style:Cntnr;
      var MmbrStyle=!Nav4?Mmbr.style:Mmbr;
      var PadL=Mmbr.value.indexOf('<')==-1?LftXtra:0;
      var PadT=Mmbr.value.indexOf('<')==-1?TpXtra:0;
      var MmbrWt=!Nav4?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;
      var MmbrHt=!Nav4?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;
      var CntnrWt=!Nav4?parseInt(CntnrStyle.width):CntnrStyle.clip.width;
      var CntnrHt=!Nav4?parseInt(CntnrStyle.height):CntnrStyle.clip.height;
      var SubTp,SubLt;
      RcrsLvl++;
      if (RcrsLvl==1 && AcrssFrms)!MenuFramesVertical?Tp=FrstWinHght-CntnrHt+(Nav4?4:0):Lt=RightToLeft?0:FrstWinWdth-CntnrWt+(Nav4?4:0);
      if (RcrsLvl==2 && AcrssFrms)!MenuFramesVertical?Tp=0:Lt=RightToLeft?ScWinWdth-CntnrWt:0;
      if (RcrsLvl==2 && AcrssFrms){Tp+=VerCorrect;Lt+=HorCorrect}
      CntnrStyle.top=RcrsLvl==1?Tp:0;
      Cntnr.OrgTop=Tp;
      CntnrStyle.left=RcrsLvl==1?Lt:0;
      Cntnr.OrgLeft=Lt;
      if (RcrsLvl==1 && FirstLineHorizontal){
            Hori=1;Lefti=CntnrWt-MmbrWt-2*BorderWidth;Topi=0}
      else{      Hori=Lefti=0;Topi=CntnrHt-MmbrHt-2*BorderWidth}
      while(Mmbr!=null){
            MmbrStyle.left=Lefti+BorderWidth;
            MmbrStyle.top=Topi+BorderWidth;
            if(Nav4)Mmbr.CmdLyr.moveTo(Lefti+BorderWidth,Topi+BorderWidth);
            if(Mmbr.ChildCntnr){
                  if(RightToLeft)ChldCntnrWdth=Nav4?Mmbr.ChildCntnr.clip.width:parseInt(Mmbr.ChildCntnr.style.width);
                  if(Hori){      SubTp=Topi+MmbrHt+2*BorderWidth;
                        SubLt=RightToLeft?Lefti+MmbrWt-ChldCntnrWdth:Lefti}
                  else{      SubLt=RightToLeft?Lefti-ChldCntnrWdth+ChildOverlap*MmbrWt+BorderWidth:Lefti+(1-ChildOverlap)*MmbrWt+BorderWidth;
                        SubTp=RcrsLvl==1&&AcrssFrms?Topi:Topi+ChildVerticalOverlap*MmbrHt}
                  PosMenu(Mmbr.ChildCntnr,SubTp,SubLt)}
            Mmbr=Mmbr.PrvMbr;
            if(Mmbr){      MmbrStyle=!Nav4?Mmbr.style:Mmbr;
                  PadL=Mmbr.value.indexOf('<')==-1?LftXtra:0;
                  PadT=Mmbr.value.indexOf('<')==-1?TpXtra:0;
                  MmbrWt=!Nav4?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;
                  MmbrHt=!Nav4?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;
                  Hori?Lefti-=BorderBtwnElmnts?(MmbrWt+BorderWidth):(MmbrWt):Topi-=BorderBtwnElmnts?(MmbrHt+BorderWidth):(MmbrHt)}}
      RcrsLvl--}

function Initiate(){
      if(IniFlg){      Init(FrstCntnr);IniFlg=0;
            if(ShwFlg)AfterCloseAll();ShwFlg=0}}

function Init(CntnrPntr){
      var Mmbr=CntnrPntr.FrstMbr;
      var MCStyle=Nav4?CntnrPntr:CntnrPntr.style;
      RcrsLvl++;
      MCStyle.visibility=RcrsLvl==1?M_Show:M_Hide;
      while(Mmbr!=null){
            if(Mmbr.Hilite){Mmbr.Hilite=0;if(KeepHilite)LowItem(Mmbr)}
            if(Mmbr.ChildCntnr) Init(Mmbr.ChildCntnr);
            Mmbr=Mmbr.PrvMbr}
      RcrsLvl--}

function ClearAllChilds(Pntr){
      var CPCCStyle;
      while (Pntr){
            if(Pntr.Hilite){
                  Pntr.Hilite=0;
                  if(KeepHilite)LowItem(Pntr);
                  if(Pntr.ChildCntnr){
                        CPCCStyle=Nav4?Pntr.ChildCntnr:Pntr.ChildCntnr.style;
                        CPCCStyle.visibility=M_Hide;
                        ClearAllChilds(Pntr.ChildCntnr.FrstMbr)}
                  break}
            Pntr=Pntr.PrvMbr}}

function GoTo(){
      if(this.LinkTxt){
            status='';
            var HP=Nav4?this.LowLyr:this;
            LowItem(HP);
            this.LinkTxt.indexOf('javascript:')!=-1?eval(this.LinkTxt):DcLoc.location.href=this.LinkTxt}}

function HiliteItem(P){
      if(Nav4){
            if(P.ro)P.document.images[P.rid].src=P.ri2;
            else{      if(P.HiBck)P.bgColor=P.HiBck;
                  if(P.value.indexOf('<img')==-1){
                        P.document.write(P.Ovalue);
                        P.document.close()}}}
      else{      if(P.ro){      var Lc=P.Level==1?FrstLoc:ScLoc;
                  Lc.document.images[P.rid].src=P.ri2}
            else{      if(P.HiBck)P.style.backgroundColor=P.HiBck;
                  if(P.HiFntClr)P.style.color=P.HiFntClr}}
      P.Hilite=1}

function LowItem(P){
      if(P.ro){      if(Nav4)P.document.images[P.rid].src=P.ri1;
            else{      var Lc=P.Level==1?FrstLoc:ScLoc;
                  Lc.document.images[P.rid].src=P.ri1}}
      else{      if(Nav4){      if(P.LoBck)P.bgColor=P.LoBck;
                  if(P.value.indexOf('<img')==-1){
                        P.document.write(P.value);
                        P.document.close()}}
            else{      if(P.LoBck)P.style.backgroundColor=P.LoBck;
                  if(P.LwFntClr)P.style.color=P.LwFntClr}}}

function OpenMenu(){
      if(!Loadd||!Creatd) return;
      var TpScrlld=ExpYes?ScLoc.document.body.scrollTop:ScLoc.pageYOffset;
      var LScrlld=ExpYes?ScLoc.document.body.scrollLeft:ScLoc.pageXOffset;
      var CCnt=Nav4?this.LowLyr.ChildCntnr:this.ChildCntnr;
      var ThisHt=Nav4?this.clip.height:parseInt(this.style.height);
      var ThisWt=Nav4?this.clip.width:parseInt(this.style.width);
      var ThisLft=AcrssFrms&&this.Level==1&&!FirstLineHorizontal?0:Nav4?this.Container.left:parseInt(this.Container.style.left);
      var ThisTp=AcrssFrms&&this.Level==1&&FirstLineHorizontal?0:Nav4?this.Container.top:parseInt(this.Container.style.top);
      var HP=Nav4?this.LowLyr:this;
      CurrntOvr=this;
      IniFlg=0;
      ClearAllChilds(this.Container.FrstMbr);
      HiliteItem(HP);
      if(CCnt!=null){
            if(!ShwFlg){ShwFlg=1;      BeforeFirstOpen()}
            var CCW=Nav4?this.LowLyr.ChildCntnr.clip.width:parseInt(this.ChildCntnr.style.width);
            var CCH=Nav4?this.LowLyr.ChildCntnr.clip.height:parseInt(this.ChildCntnr.style.height);
            var ChCntTL=Nav4?this.LowLyr.ChildCntnr:this.ChildCntnr.style;
            var SubLt=AcrssFrms&&this.Level==1?CCnt.OrgLeft+ThisLft+LScrlld:CCnt.OrgLeft+ThisLft;
            var SubTp=AcrssFrms&&this.Level==1?CCnt.OrgTop+ThisTp+TpScrlld:CCnt.OrgTop+ThisTp;
            if(MenuWrap){
                  if(RightToLeft){
                        if(SubLt<LScrlld)SubLt=this.Level==1?LScrlld:SubLt+(CCW+(1-2*ChildOverlap)*ThisWt);
                        if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=ScWinWdth+LScrlld-CCW}
                  else{      if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=this.Level==1?ScWinWdth+LScrlld-CCW:SubLt-(CCW+(1-2*ChildOverlap)*ThisWt);
                        if(SubLt<LScrlld)SubLt=LScrlld}
                  if(SubTp+CCH>TpScrlld+ScWinHght)SubTp=this.Level==1?SubTp=TpScrlld+ScWinHght-CCH:SubTp-CCH+(1-2*ChildVerticalOverlap)*ThisHt;
                  if(SubTp<TpScrlld)SubTp=TpScrlld}
            ChCntTL.top=SubTp;ChCntTL.left=SubLt;ChCntTL.visibility=M_Show}
      status=this.LinkTxt}

function OpenMenuClick(){
      if(!Loadd||!Creatd) return;
      var HP=Nav4?this.LowLyr:this;
      CurrntOvr=this;
      IniFlg=0;
      ClearAllChilds(this.Container.FrstMbr);
      HiliteItem(HP);
      status=this.LinkTxt}

function CloseMenu(){
      if(!Loadd||!Creatd) return;
      if(!KeepHilite){
            var HP=Nav4?this.LowLyr:this;
            LowItem(HP)}
      status='';
      if(this==CurrntOvr){
            IniFlg=1;
            if(CloseTmr)clearTimeout(CloseTmr);
            CloseTmr=setTimeout('Initiate(CurrntOvr)',DissapearDelay)}}

function CntnrSetUp(Wdth,Hght,NoOff){
      var x=RcrsLvl==1?BorderColor:BorderSubColor;
      this.FrstMbr=null;
      this.OrgLeft=this.OrgTop=0;
      if(x)this.bgColor=x;
      if(Nav4){      this.visibility='hide';
            this.resizeTo(Wdth,Hght)}
      else{      if(x)this.style.backgroundColor=x;
            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=RcrsLvl+Ztop}}

function MbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){
      var Location=RcrsLvl==1?FrstLoc:ScLoc;
      var MemVal=eval(WhatMenu+'[0]');
      var t,T,L,W,H,S;
      var a,b,c,d;
      this.PrvMbr=PrMmbr;
      this.Level=RcrsLvl;
      this.LinkTxt=eval(WhatMenu+'[1]');
      this.Container=MmbrCntnr;
      this.ChildCntnr=null;
      this.Hilite=0;
      this.style.overflow='hidden';
      this.style.cursor=ExpYes&&(this.LinkTxt||(RcrsLvl==1&&UnfoldsOnClick))?'hand':'default';
      this.ro=0;
      if(MemVal.indexOf('rollover')!=-1){
            this.ro=1;
            this.ri1=MemVal.substring(MemVal.indexOf(':')+1,MemVal.lastIndexOf(':'));
            this.ri2=MemVal.substring(MemVal.lastIndexOf(':')+1,MemVal.length);
            this.rid=WhatMenu+'i';MemVal="<img src='"+this.ri1+"' name='"+this.rid+"'>"}
      this.value=MemVal;
      if(RcrsLvl==1){
            a=LowBgColor;
            b=HighBgColor;
            c=FontLowColor;
            d=FontHighColor}
      else{      a=LowSubBgColor;
            b=HighSubBgColor;
            c=FontSubLowColor;
            d=FontSubHighColor}
      this.LoBck=a;
      this.LwFntClr=c;
      this.HiBck=b;
      this.HiFntClr=d;
      this.style.color=this.LwFntClr;
      if(this.LoBck)this.style.backgroundColor=this.LoBck;
      this.style.textAlign=MenuTextCentered;
      if(eval(WhatMenu+'[2]'))this.style.backgroundImage="url(\'"+eval(WhatMenu+'[2]')+"\')";
      if(MemVal.indexOf('<')==-1){
            this.style.width=Wdth-LftXtra;
            this.style.height=Hght-TpXtra;
            this.style.paddingLeft=LeftPaddng;
            this.style.paddingTop=TopPaddng}
      else{      this.style.width=Wdth;
            this.style.height=Hght}
      if(MemVal.indexOf('<')==-1&&DomYes){
            t=Location.document.createTextNode(MemVal);
            this.appendChild(t)}
      else this.innerHTML=MemVal;
      if(eval(WhatMenu+'[3]')&&ShowArrow){
            a=RcrsLvl==1&&FirstLineHorizontal?3:RightToLeft?6:0;
            S=Arrws[a];
            W=Arrws[a+1];
            H=Arrws[a+2];
            T=RcrsLvl==1&&FirstLineHorizontal?Hght-H-2:(Hght-H)/2;
            L=RightToLeft?2:Wdth-W-2;
            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.onselectstart=CnclSlct;
            this.onmouseover=RcrsLvl==1&&UnfoldsOnClick?OpenMenuClick:OpenMenu;
            this.onmouseout=CloseMenu;
            this.onclick=RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?OpenMenu:GoTo      }
      else{      RcrsLvl==1&&UnfoldsOnClick?this.addEventListener('mouseover',OpenMenuClick,false):this.addEventListener('mouseover',OpenMenu,false);
            this.addEventListener('mouseout',CloseMenu,false);
            RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?this.addEventListener('click',OpenMenu,false):this.addEventListener('click',GoTo,false)}}

function NavMbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){
      var a,b,c,d;
      if(RcrsLvl==1){
            a=LowBgColor;
            b=HighBgColor;
            c=FontLowColor;
            d=FontHighColor}
      else {      a=LowSubBgColor;
            b=HighSubBgColor;
            c=FontSubLowColor;
            d=FontSubHighColor      }
      this.value=eval(WhatMenu+'[0]');
      this.ro=0;
      if(this.value.indexOf('rollover')!=-1){
            this.ro=1;
            this.ri1=this.value.substring(this.value.indexOf(':')+1,this.value.lastIndexOf(':'));
            this.ri2=this.value.substring(this.value.lastIndexOf(':')+1,this.value.length);
            this.rid=WhatMenu+'i';this.value="<img src='"+this.ri1+"' name='"+this.rid+"'>"}
      if(LeftPaddng&&this.value.indexOf('<')==-1&&MenuTextCentered=='left')this.value='&nbsp\;'+this.value;
      if(FontBold)this.value=this.value.bold();
      if(FontItalic)this.value=this.value.italics();
      this.Ovalue=this.value;
      this.value=this.value.fontcolor(c);
      this.Ovalue=this.Ovalue.fontcolor(d);
      this.value=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.value+TxtClose;
      this.Ovalue=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.Ovalue+TxtClose;
      this.LoBck=a;
      this.HiBck=b;
      this.ChildCntnr=null;
      this.PrvMbr=PrMmbr;
      this.Hilite=0;
      this.visibility='inherit';
      if(this.LoBck)this.bgColor=this.LoBck;
      this.resizeTo(Wdth,Hght);
      if(!AcrssFrms&&eval(WhatMenu+'[2]'))this.background.src=eval(WhatMenu+'[2]');
      this.document.write(this.value);
      this.document.close();
      this.CmdLyr=new Layer(Wdth,MmbrCntnr);
      this.CmdLyr.Level=RcrsLvl;
      this.CmdLyr.LinkTxt=eval(WhatMenu+'[1]');
      this.CmdLyr.visibility='inherit';
      this.CmdLyr.onmouseover=RcrsLvl==1&&UnfoldsOnClick?OpenMenuClick:OpenMenu;
      this.CmdLyr.onmouseout=CloseMenu;
      this.CmdLyr.captureEvents(Event.MOUSEUP);
      this.CmdLyr.onmouseup=RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?OpenMenu:GoTo;
      this.CmdLyr.LowLyr=this;
      this.CmdLyr.resizeTo(Wdth,Hght);
      this.CmdLyr.Container=MmbrCntnr;
      if(eval(WhatMenu+'[3]')&&ShowArrow){
            a=RcrsLvl==1&&FirstLineHorizontal?3:RightToLeft?6:0;
            this.CmdLyr.ImgLyr=new Layer(Arrws[a+1],this.CmdLyr);
            this.CmdLyr.ImgLyr.visibility='inherit';
            this.CmdLyr.ImgLyr.top=RcrsLvl==1&&FirstLineHorizontal?Hght-Arrws[a+2]-2:(Hght-Arrws[a+2])/2;
            this.CmdLyr.ImgLyr.left=RightToLeft?2:Wdth-Arrws[a+1]-2;
            this.CmdLyr.ImgLyr.width=Arrws[a+1];
            this.CmdLyr.ImgLyr.height=Arrws[a+2];
            ImgStr="<img src='"+Arrws[a]+"' width='"+Arrws[a+1]+"' height='"+Arrws[a+2]+"'>";
            this.CmdLyr.ImgLyr.document.write(ImgStr);
            this.CmdLyr.ImgLyr.document.close()}}

function CreateMenuStructure(MName,NumberOf){
      RcrsLvl++;
      var i,NoOffSubs,Mbr,Wdth=0,Hght=0;
      var PrvMmbr=null;
      var WMnu=MName+'1';
      var MenuWidth=eval(WMnu+'[5]');
      var MenuHeight=eval(WMnu+'[4]');
      var Location=RcrsLvl==1?FrstLoc:ScLoc;
      if (RcrsLvl==1&&FirstLineHorizontal){
            for(i=1;i<NumberOf+1;i++){
                  WMnu=MName+eval(i);
                  Wdth=eval(WMnu+'[5]')?Wdth+eval(WMnu+'[5]'):Wdth+MenuWidth}
            Wdth=BorderBtwnElmnts?Wdth+(NumberOf+1)*BorderWidth:Wdth+2*BorderWidth;Hght=MenuHeight+2*BorderWidth}
      else{      for(i=1;i<NumberOf+1;i++){
                  WMnu=MName+eval(i);
                  Hght=eval(WMnu+'[4]')?Hght+eval(WMnu+'[4]'):Hght+MenuHeight}
            Hght=BorderBtwnElmnts?Hght+(NumberOf+1)*BorderWidth:Hght+2*BorderWidth;Wdth=MenuWidth+2*BorderWidth}
      if(DomYes){
            var MmbrCntnr=Location.document.createElement("div");
            MmbrCntnr.style.position='absolute';
            MmbrCntnr.style.visibility='hidden';
            Location.document.body.appendChild(MmbrCntnr)}
      else{      if(Nav4) var MmbrCntnr=new Layer(Wdth,Location)
            else{      WMnu+='c';
                  Location.document.body.insertAdjacentHTML("AfterBegin","<div id='"+WMnu+"' style='visibility:hidden; position:absolute;'><\/div>");
                  var MmbrCntnr=Location.document.all[WMnu]}}
      MmbrCntnr.SetUp=CntnrSetUp;
      MmbrCntnr.SetUp(Wdth,Hght,NumberOf);
      if(Exp4){      MmbrCntnr.InnerString='';
            for(i=1;i<NumberOf+1;i++){
                  WMnu=MName+eval(i);
                  MmbrCntnr.InnerString+="<div id='"+WMnu+"' style='position:absolute;'><\/div>"}
            MmbrCntnr.innerHTML=MmbrCntnr.InnerString}
      for(i=1;i<NumberOf+1;i++){
            WMnu=MName+eval(i);
            NoOffSubs=eval(WMnu+'[3]');
            Wdth=RcrsLvl==1&&FirstLineHorizontal?eval(WMnu+'[5]')?eval(WMnu+'[5]'):MenuWidth:MenuWidth;
            Hght=RcrsLvl==1&&FirstLineHorizontal?MenuHeight:eval(WMnu+'[4]')?eval(WMnu+'[4]'):MenuHeight;
            if(DomYes){
                  Mbr=Location.document.createElement("div");
                  Mbr.style.position='absolute';
                  Mbr.style.visibility='inherit';
                  MmbrCntnr.appendChild(Mbr)}
            else Mbr=Nav4?new Layer(Wdth,MmbrCntnr):Location.document.all[WMnu];
            Mbr.SetUp=Nav4?NavMbrSetUp:MbrSetUp;
            Mbr.SetUp(MmbrCntnr,PrvMmbr,WMnu,Wdth,Hght);
            if(NoOffSubs) Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);
            PrvMmbr=Mbr}
      MmbrCntnr.FrstMbr=Mbr;
      RcrsLvl--;
      return(MmbrCntnr)}

function CreateMenuStructureAgain(MName,NumberOf){
      var i,WMnu,NoOffSubs,PrvMmbr,Mbr=FrstCntnr.FrstMbr;
      RcrsLvl++;
      for(i=NumberOf;i>0;i--){
            WMnu=MName+eval(i);
            NoOffSubs=eval(WMnu+'[3]');
            PrvMmbr=Mbr;
            if(NoOffSubs)Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);
            Mbr=Mbr.PrvMbr}
      RcrsLvl--}

function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}

</script>
<noscript>Your browser does not support script</noscript>

<!-- REST OF BODY CONTENT BELOW HERE -->
</body></html>
0
jaysolomonCommented:
pyxos

Did none of these two menus work for you?

I see you offered lilPuffball 125pts, but havae not responded in here
0
Richard Coffree-commerce Product ManagerAuthor Commented:
Jay,

So far, I don't test your 2 menus but when I'll have done it, i'll surely give you some points too.

Don't worry.

C U
0
violent1Commented:
if you want to go the money route:

www.opencube.com

is perhaps the best you can get in being able to craete dhtml menus.  like i said though...money...

0
AmericanDogmaCommented:
I suggest using http://www.dhtmlcentral.com/projects/coolmenus/ for 100% cross browser compatability. It is also completely scalable and changable.

<AD>
0
lil_puffballCommented:
Dogma...
I agree it's a great site and I would've posted it if superslamwich hadn't already (see way up top!) :D
0
AmericanDogmaCommented:
Yea I saw that but pyxos seemed to skip rihgt over that post so i reposted it.

<AD>
0
ullfindsmitCommented:
if you dont want sub menus then then

the easiest to impliment and use would be

==
<script language="javascript">
 function gotoURLPls()
 {
   document.location.href=document.all["urlValue"].value
 }
</script>

<select onChange="gotoURLPls()" name="urlValue" >
  <option >Please Select a Location</option>
  <option value='http://www.smitshah.com'>Smit's Website</option>
  <option value='http://www.cse.fau.edu/'>Smit's College</option>

so on and so forth


</select>
===

that should do it
enzzoy
smit.
0
ullfindsmitCommented:
and incase you want to have multiple select boxes try this

=====
<script language="javascript">
function gotoURLPls(url)
{
  document.location.href=url
}
</script>

<select onChange="gotoURLPls(this.value)">
 <option >Please Select a Location</option>
 <option value='http://www.smitshah.com'>Smit's Website</option>
 <option value='http://www.cse.fau.edu/'>Smit's College</option>

so on and so forth


</select>

<select onChange="gotoURLPls(this.value)">
 <option >Please Select a Location</option>
 <option value='http://www.smitshah.com'>Smit's Website</option>
 <option value='http://www.cse.fau.edu/'>Smit's College</option>

so on and so forth


</select>

<select onChange="gotoURLPls(this.value)">
 <option >Please Select a Location</option>
 <option value='http://www.smitshah.com'>Smit's Website</option>
 <option value='http://www.cse.fau.edu/'>Smit's College</option>

so on and so forth


</select>

<select onChange="gotoURLPls(this.value)">
 <option >Please Select a Location</option>
 <option value='http://www.smitshah.com'>Smit's Website</option>
 <option value='http://www.cse.fau.edu/'>Smit's College</option>

so on and so forth


</select>

====


enzzoy
smit.
0
COBOLdinosaurCommented:
This question has been classified abandoned. I will make a recommendation to the
moderators on its resolution in a week or two. I appreciate any comments
that would help me to make a recommendation.

<note>
Unless it is clear to me that the question has been answered I will recommend delete.  It is possible that a Grade less than A will be given if no expert makes a case for an A grade. It is assumed that any participant not responding to this request is no longer interested in its final disposition.
</note>

If the user does not know how to close the question, the options are here:
http://www.experts-exchange.com/help/closing.jsp


Cd&

0
jaysolomonCommented:
//////////////////////////////////////////////////////////////////////////////////////////////
Comment from pyxos  Date: 03/29/2003 06:13AM PST  
Jay,

So far, I don't test your 2 menus but when I'll have done it, i'll surely give you some points too.

Don't worry.

C U  
//////////////////////////////////////////////////////////////////////////////////////////////

I think this says enough for my part.

And this has gotta be an A :>)


TIA
jAy
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
jaysolomonCommented:
uh a B?
0
Richard Coffree-commerce Product ManagerAuthor Commented:
It works but there is not enough explanation in the script.
I know I can ask you but because it seems to be easy for you, you should comment it a little better.
But don't worry and be happy !
0
jaysolomonCommented:
ROTFLMAO

Not enough Comment?

Lines 33 thru 76 are commented and very understandable.

43 lines of comments, but not enough ROTFLMFAO
0
Richard Coffree-commerce Product ManagerAuthor Commented:
Jay,

Can you spell ROTFLMFAO because i'm french and i don't all the english acronyms ?
0
jaysolomonCommented:
ROLLING ON THE FLOOR LAUGHING MY FAT AZZ OFF
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.