/*Browsercheck object - we have to move this into the page to prevent an error in NS4*/ function cm_bwcheck(){ //In theory we should use object detection, but this script needs work-arounds for almost every browser... this.ver=navigator.appVersion this.agent=navigator.userAgent.toLowerCase() this.dom=document.getElementById?1:0 this.ns4=(!this.dom && document.layers)?1:0; this.op=window.opera this.moz=(this.agent.indexOf("gecko")>-1 || window.sidebar) this.ie=this.agent.indexOf("msie")>-1 && !this.op if(this.op){ this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1) this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1) this.op7=this.dom&&!this.op5&&!this.op6 //So all higher opera versions will use it }else if(this.moz) this.ns6 = 1 else if(this.ie){ this.ie4 = !this.dom && document.all this.ie5 = (this.agent.indexOf("msie 5")>-1) this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1) this.ie6 = this.dom && !this.ie4 && !this.ie5 && ! this.ie55 } this.mac=(this.agent.indexOf("mac")>-1) this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6 || this.op7) this.usedom= this.ns6||this.op7//Use dom creation this.reuse = this.ie||this.op7||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. **/ //Extra code to find position: function findPos(){ if(bw.ns4){ //Netscape 4 x = document.layers.layerMenu.pageX y = document.layers.layerMenu.pageY }else{ //other browsers x=0; y=0; var el,temp el = bw.ie4?document.all["divMenu"]:document.getElementById("divMenu"); if(el.offsetParent){ temp = el while(temp.offsetParent){ //Looping parent elements to get the offset of them as well temp=temp.offsetParent; x+=temp.offsetLeft y+=temp.offsetTop; } } x+=el.offsetLeft y+=el.offsetTop } //Returning the x and y as an array return [x,y] } pos = findPos() /*** 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 oCMenu.fromLeft=pos[0] oCMenu.fromTop=pos[1]+ 70 oCMenu.onresize="pos = findPos(); oCMenu.fromLeft=pos[0]; oCMenu.fromTop=pos[1]" //Frame properties oCMenu.frames = 0 oCMenu.onhide="status = 'Beugelclub De Flatsers';" oCMenu.onshow="status = 'Beugelclub De Flatsers';" oCMenu.onconstruct="status = 'Beugelclub De Flatsers';" //Menu properties oCMenu.pxBetween=0 oCMenu.rows=0 oCMenu.menuPlacement="top" oCMenu.offlineRoot="" oCMenu.onlineRoot="" oCMenu.resizeCheck=0 oCMenu.wait=1500 oCMenu.fillImg="" oCMenu.zIndex=0 //Background bar properties oCMenu.useBar=0 oCMenu.barWidth="100%" oCMenu.barHeight="menu" oCMenu.barClass="clBar" oCMenu.barX=0 oCMenu.barY=0 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=250 oCMenu.level[0].height=30 oCMenu.level[0].regClass="clLevel0" oCMenu.level[0].overClass="clLevel0over" oCMenu.level[0].borderX=1 oCMenu.level[0].borderY=1 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="right" //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=150 oCMenu.level[1].height=oCMenu.level[0].height -2 oCMenu.level[1].regClass="clLevel1" oCMenu.level[1].overClass="clLevel1over" oCMenu.level[1].borderX=1 oCMenu.level[1].borderY=1 oCMenu.level[1].align="right" oCMenu.level[1].offsetX=-15 oCMenu.level[1].offsetY=10 oCMenu.level[1].borderClass="clLevel1border" //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=150 oCMenu.level[2].height=oCMenu.level[0].height oCMenu.level[2].offsetX=-15 oCMenu.level[2].offsetY=10 oCMenu.level[2].regClass="clLevel2" oCMenu.level[2].overClass="clLevel2over" oCMenu.level[2].borderClass="clLevel2border" //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[3]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[3].width=150 oCMenu.level[3].height=oCMenu.level[0].height oCMenu.level[3].offsetX=0 oCMenu.level[3].offsetY=0 oCMenu.level[3].regClass="clLevel3" oCMenu.level[3].overClass="clLevel3over" oCMenu.level[3].borderClass="clLevel3border" /****************************************** 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('top2','','  Home','index.php?fl_menu_id=2','') oCMenu.makeMenu('top34','','  Competitie 2010 - 2011','index.php?fl_menu_id=34','') oCMenu.makeMenu('top59','','  Team samenstelling 2010 - 2011','index.php?fl_menu_id=59','') oCMenu.makeMenu('top15','','  Uitslagen en programma','','') oCMenu.makeMenu('1569','top15',' Flatsers 1','index.php?fl_menu_id=69','') oCMenu.makeMenu('1555','top15',' Flatsers 2','index.php?fl_menu_id=55','') oCMenu.makeMenu('1556','top15',' Flatsers 3','index.php?fl_menu_id=56','') oCMenu.makeMenu('1557','top15',' Flatsers 4','index.php?fl_menu_id=57','') oCMenu.makeMenu('1558','top15',' Flatsers 5','index.php?fl_menu_id=58','') oCMenu.makeMenu('1590','top15',' Jeugd','index.php?fl_menu_id=90','') oCMenu.makeMenu('top60','','  Fotogalerij','','') oCMenu.makeMenu('6082','top60',' Viswedstrijd','index.php?fl_menu_id=82','') oCMenu.makeMenu('6079','top60',' Feest Jubilarissen','index.php?fl_menu_id=79','') oCMenu.makeMenu('6078','top60',' Pers. clubkampioen','index.php?fl_menu_id=78','') oCMenu.makeMenu('6062','top60',' Koppeltoernooi '08','index.php?fl_menu_id=62','') oCMenu.makeMenu('6093','top60',' Koppeltoernooi '09','index.php?fl_menu_id=93','') oCMenu.makeMenu('6061','top60',' Spaarkaslichten '09','index.php?fl_menu_id=61','') oCMenu.makeMenu('6094','top60',' Spaarkaslichten '10','index.php?fl_menu_id=94','') oCMenu.makeMenu('top40','','  Koppeltoernooi 2009','','') oCMenu.makeMenu('4092','top40',' Verslag - Uitslag','index.php?fl_menu_id=92','') oCMenu.makeMenu('top46','','  Clubkampioenschappen 2009','index.php?fl_menu_id=46','') oCMenu.makeMenu('top75','','  55+toernooi','','') oCMenu.makeMenu('75100','top75',' 55+ toernooi 2010','index.php?fl_menu_id=100','') oCMenu.makeMenu('top19','','  Nieuws c.q. Mededelingen','index.php?fl_menu_id=19','') oCMenu.makeMenu('top4','','  Bestuur','index.php?fl_menu_id=4','') oCMenu.makeMenu('top5','','  Lid worden','index.php?fl_menu_id=5','') oCMenu.makeMenu('top83','','  Gemeente Cup','','') oCMenu.makeMenu('8391','top83',' Foto's','index.php?fl_menu_id=91','') oCMenu.makeMenu('top49','','  Links','index.php?fl_menu_id=49','') //Leave these two lines! Making the styles and then constructing the menu //Leave this line - it constructs the menu oCMenu.construct()