/*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 = 2 //Menu properties oCMenu.pxBetween=10 oCMenu.fromLeft=8 oCMenu.fromTop=200 oCMenu.rows=1 oCMenu.menuPlacement="0" oCMenu.offlineRoot="" oCMenu.onlineRoot="/" oCMenu.resizeCheck=1 oCMenu.wait=1000 oCMenu.fillImg="images/cm_fill.gif" oCMenu.zIndex=0 //Background bar properties oCMenu.useBar=1 oCMenu.barWidth="725" oCMenu.barHeight="menu" oCMenu.barClass="clBar" oCMenu.barX=20 oCMenu.barY=200 oCMenu.barBorderX=0 oCMenu.barBorderY=0 oCMenu.barBorderClass="" //Level properties - ALL properties have to be spesified in level 0 oCMenu.level[0]=new cm_makeLevel() //Add this for each new level oCMenu.level[0].width=90 oCMenu.level[0].height=18 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=1 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=0 oCMenu.level[0].cliptim=0 //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=90 oCMenu.level[1].height=18 oCMenu.level[1].regClass="clLevel0" oCMenu.level[1].overClass="clLevel0over" oCMenu.level[1].borderX=0 oCMenu.level[1].rows=1 oCMenu.level[1].borderY=0 oCMenu.level[1].offsetX=0 oCMenu.level[1].offsetY=0 oCMenu.level[1].borderClass="clLevel0border" oCMenu.level[1].align="bottom" //dynamic effect oCMenu.level[1].clippx=0 oCMenu.level[1].cliptim=0 //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=100 oCMenu.level[2].height=18 oCMenu.level[2].offsetX=0 oCMenu.level[2].offsetY=0 oCMenu.level[2].regClass="clLevel0" oCMenu.level[2].overClass="clLevel0over" oCMenu.level[2].borderClass="clLevel0border" /****************************************** 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','4-main.html','','50') oCMenu.makeMenu('top1','','Nieuws','4-nieuws.html','','60') oCMenu.makeMenu('top2','','Activiteiten','4-activiteiten.html','','80') oCMenu.makeMenu('top3','','Programma','','','70') oCMenu.makeMenu('sub31','top3','Visie D66','4-visie.html') oCMenu.makeMenu('sub32','top3','Kandidatenlijst','4-kandidatenlijst.html') oCMenu.makeMenu('sub33','top3','Programma','4-programma.html') oCMenu.makeMenu('sub34','top3','Plattegrond','4-plattegrond.html') oCMenu.makeMenu('top4','','Contact','','','60') oCMenu.makeMenu('sub41','top4','Organisatie','4-organisatie.html') oCMenu.makeMenu('sub42','top4','Contact','4-contact.html') oCMenu.makeMenu('sub43','top4','Uw mening','4-mening.html') oCMenu.makeMenu('sub44','top4','Wie is wie','4-who-is-who.html') oCMenu.makeMenu('top5','','Agenda','4-agenda.html','','60') oCMenu.makeMenu('top6','','Column','','','50') oCMenu.makeMenu('sub61','top6','Fractie','4-fractie.html') oCMenu.makeMenu('sub62','top6','Leden','4-leden.html') oCMenu.makeMenu('top7','','Links','4-links.html','','50') oCMenu.makeMenu('top8','','Blog','http://d66blog.nl/d66gorinchem/','_blank','50') //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()