/*Browsercheck object - we have to move this into the page to prevent an error in NS4*/ function cm_bwcheck(){ this.ver=navigator.appVersion this.agent=navigator.userAgent.toLowerCase() this.dom=document.getElementById?1:0 this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1) && window.opera this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1) && window.opera this.ie5 = (this.agent.indexOf("msie 5")>-1 && !this.op5 && !this.op6) this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1) this.ie6 = (this.agent.indexOf("msie 6")>-1 && !this.op5 && !this.op6) this.ie4=(this.agent.indexOf("msie")>-1 && document.all &&!this.op5 &&!this.op6 &&!this.ie5&&!this.ie6) this.ie = (this.ie4 || this.ie5 || this.ie6) this.mac=(this.agent.indexOf("mac")>-1) this.ns6=(this.agent.indexOf("gecko")>-1 || window.sidebar) this.ns4=(!this.dom && document.layers)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6) this.usedom= this.ns6//Use dom creation this.reuse = this.ie||this.usedom //Reuse layers this.px=this.dom&&!this.op5?"px":"" return this } var bw=new cm_bwcheck() /*** This is the menu creation code - place it right after you body tag Feel free to add this to a stand-alone js file and link it to your page. **/ //Menu object creation oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname //Netscape 4 - bug fix - //maybe -stupid NS4 - objects are not handled correctly when //the object creator is in a linked file if(bw.ns4) if(!oCMenu["makeMenu"] || !bw["ns4"]) self.location.reload() //Frame properties oCMenu.frames = 1 oCMenu.frameStartLevel = 3 //Menu properties oCMenu.pxBetween=10 oCMenu.fromLeft=30 oCMenu.fromTop=0 oCMenu.rows=1 oCMenu.menuPlacement=0 oCMenu.offlineRoot="./" oCMenu.onlineRoot="/htm/" oCMenu.resizeCheck=1 oCMenu.wait=400 oCMenu.fillImg="cm_fill.gif" oCMenu.zIndex=0 //Background bar properties oCMenu.useBar=1 oCMenu.barWidth="100%" oCMenu.barHeight="20" oCMenu.barClass="clBar" oCMenu.barX=0 oCMenu.barY=0 oCMenu.barBorderX=0 oCMenu.barBorderY=0 oCMenu.barBorderClass="" //Level properties - ALL properties have to be specified in level 0 oCMenu.level[0]=new cm_makeLevel() //Add this for each new level oCMenu.level[0].width=100 oCMenu.level[0].height=20 oCMenu.level[0].regClass="clLevel0" oCMenu.level[0].overClass="clLevel0over" oCMenu.level[0].borderX=0 oCMenu.level[0].borderY=0 oCMenu.level[0].borderClass="clLevel0border" oCMenu.level[0].offsetX=0 oCMenu.level[0].offsetY=0 oCMenu.level[0].rows=0 oCMenu.level[0].arrow=0 oCMenu.level[0].arrowWidth=0 oCMenu.level[0].arrowHeight=0 oCMenu.level[0].align="bottom" //dynamic effect (controllable for each level) oCMenu.level[0].clippx=2 oCMenu.level[0].cliptim=2 //Other special animation filters (IE5.5+ only, controllable for each level) //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Barn(duration=0.5,orientation=horizontal)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Blinds(duration=0.5,bands=5)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.CheckerBoard(duration=0.5)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.GradientWipe(duration=0.5,wipeStyle=0)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=STAR)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=CIRCLE)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Pixelate(duration=0.5,maxSquare=40)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.RandomDissolve(duration=0.5)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Spiral(duration=0.5)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Stretch(duration=0.5,stretchStyle=push)" //oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Strips(duration=0.5,motion=rightdown)" //EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[1].width=oCMenu.level[0].width-5 oCMenu.level[1].height=18 oCMenu.level[1].regClass="clLevel1" oCMenu.level[1].overClass="clLevel1over" oCMenu.level[1].borderX=0 oCMenu.level[1].rows=0 oCMenu.level[1].borderY=0 oCMenu.level[1].align="right" oCMenu.level[1].offsetX=0 oCMenu.level[1].offsetY=-15 oCMenu.level[1].borderClass="clLevel1border" //dynamic effect oCMenu.level[1].clippx=1 oCMenu.level[1].cliptim=1 //EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[2].width=90 oCMenu.level[2].height=18 oCMenu.level[2].offsetX=0 oCMenu.level[2].offsetY=0 oCMenu.level[2].regClass="clLevel2" oCMenu.level[2].overClass="clLevel2over" oCMenu.level[2].borderClass="clLevel2border" /****************************************** Menu item creation: myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) *************************************/ oCMenu.makeMenu('top0','','Home','./main.htm','main') oCMenu.makeMenu('top1','','Instruments','','') oCMenu.makeMenu('sub10','top1','Bassoons','','main') oCMenu.makeMenu('sub11','top1','Contra bassoons','','main') oCMenu.makeMenu('sub100','sub10','Grenser','./Grenser.htm','main') oCMenu.makeMenu('sub101','sub10','Prudent','./Prudent.htm','main') oCMenu.makeMenu('sub102','sub10','Eichentopf','./Eichen.htm','main') oCMenu.makeMenu('sub103','sub10','Venetian','./Venetian.htm','main') oCMenu.makeMenu('sub110','sub11','A. Eichentopf','./Contra.htm','main') oCMenu.makeMenu('top2','','Recordings','./cdreviews.htm','main') oCMenu.makeMenu('top3','','Ordering','','') oCMenu.makeMenu('sub31','top3','How to order','./orders.htm','main') oCMenu.makeMenu('sub32','top3','Special orders','./specialorders.htm','main') oCMenu.makeMenu('top4','','Links','./links.htm','main') oCMenu.makeMenu('top5','','About us','','') oCMenu.makeMenu('sub51','top5','History','./history.htm','main') oCMenu.makeMenu('sub52','top5','Location','./location.htm','main') //Leave this line - it constructs the menu oCMenu.construct() /*OPTIONAL LINE: Because some browsers (especially our old friend NS4) have problems with this initial frame load you might want to add a line similar to this (replace MyFrameName with the name of you frame): top.frmMain.location.reload() This will ensure that the menu is loaded when the first page is loaded in the main frame. This also helps the resize problems in Opera and NS4 */ top.frmMain.location.reload()