/***************************************************************************** Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com) DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com Version 4.0_beta This script can be used freely as long as all copyright messages are intact. Extra info - Coolmenus reference/help - Extra links to help files **** CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37 General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35 Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47 Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48 Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49 Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50 ******************************************************************************/ /*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. **/ //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 = 0 //Menu properties oCMenu.pxBetween=0 oCMenu.fromLeft=10 oCMenu.fromTop=239 oCMenu.rows=1 oCMenu.menuPlacement="left" oCMenu.offlineRoot="file:///C|/EssexRoadsCC/essexsportive/" oCMenu.onlineRoot="/" oCMenu.resizeCheck=1 oCMenu.wait=1000 oCMenu.fillImg="" oCMenu.zIndex=0 //oCMenu.closeOnClick=1 //Background bar properties oCMenu.useBar=1 oCMenu.barWidth="menu" oCMenu.barHeight="menu" oCMenu.barClass="clBar" oCMenu.barX="menu" oCMenu.barY="menu" 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=108 oCMenu.level[0].height=20 oCMenu.level[0].regClass="clLevel0" oCMenu.level[0].overClass="clLevel0over" oCMenu.level[0].borderClass="clLevel0border" oCMenu.level[0].borderX=36 oCMenu.level[0].borderY=1 oCMenu.level[0].offsetX=0 oCMenu.level[0].offsetY=0 oCMenu.level[0].rows=0 oCMenu.level[0].align="bottom" /*oCMenu.level[0].arrow="images/menu_arrow_white.gif" oCMenu.level[0].arrowWidth=6 oCMenu.level[0].arrowHeight=6*/ //SUB LEVEL[1] PROPERTIES oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[1].width=149 oCMenu.level[1].height=20 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=-(oCMenu.level[0].width)/2 oCMenu.level[1].offsetY=0 oCMenu.level[1].borderClass="clLevel1border" oCMenu.level[1].arrow="images/menu_arrow_white.gif" oCMenu.level[1].arrowWidth=7 oCMenu.level[1].arrowHeight=5 //SUB LEVEL[2] PROPERTIES oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[2].width=149 oCMenu.level[2].height=20 oCMenu.level[2].regClass="clLevel2" oCMenu.level[2].overClass="clLevel2over" oCMenu.level[2].borderX=1 oCMenu.level[2].borderY=1 oCMenu.level[2].align="right" oCMenu.level[2].offsetX=-(oCMenu.level[1].width)/2 oCMenu.level[2].offsetY=0 oCMenu.level[2].borderClass="clLevel2border" oCMenu.level[2].arrow="images/menu_arrow_black.gif" oCMenu.level[2].arrowWidth=7 oCMenu.level[2].arrowHeight=5 //SUB LEVEL[3] PROPERTIES oCMenu.level[3]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[3].width=149 oCMenu.level[3].height=20 oCMenu.level[3].regClass="clLevel3" oCMenu.level[3].overClass="clLevel3over" oCMenu.level[3].borderX=1 oCMenu.level[3].borderY=1 oCMenu.level[3].align="right" oCMenu.level[3].offsetX=-(oCMenu.level[2].width)/2 oCMenu.level[3].offsetY=0 oCMenu.level[3].borderClass="clLevel3border" oCMenu.level[3].arrow="/images/menu_arrow_black.gif" oCMenu.level[3].arrowWidth=7 oCMenu.level[3].arrowHeight=5 /****************************************** 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('mnuHome','','Home','index.htm','_self') oCMenu.makeMenu('mnuES','','Essex Sportive') oCMenu.makeMenu('mnuAbCS','mnuES','About Cyclosportives','aboutcyclosportives.htm','_self') oCMenu.makeMenu('mnuAbES','mnuES','About Essex Sportive','aboutessexsportive.htm','_self') oCMenu.makeMenu('mnuTiSy','mnuES','Timing system information','timingsysteminfo.htm','_self') oCMenu.makeMenu('mnuRiPr','mnuES','Rider preparation','riderpreparation.htm','_self') oCMenu.makeMenu('mnuSaRu','mnuES','Rider safety rules','ridersafetyrules.htm','_self') oCMenu.makeMenu('mnuEvents','','Events') oCMenu.makeMenu('mnu10Events','mnuEvents','2010 Events') oCMenu.makeMenu('mnu10AuLe','mnu10Events','Essex Autumn Leaves') oCMenu.makeMenu('mnu10ALPo','mnu10AuLe','Event Poster','pdfs/2010AutumnLeavesPoster.pdf','_blank') oCMenu.makeMenu('mnu10AbAL','mnu10AuLe','Event Details','2010/Events/20100926AutumnLeaves/eventdetails.html','_self') oCMenu.makeMenu('mnu10AlBoOn','mnu10AuLe','Booking on','https://www.sportident.co.uk/entries/event.php?event_id=358','_blank') oCMenu.makeMenu('mnu10AlStFi','mnu10AuLe','Start/finish location','2010/Events/20100926AutumnLeaves/startfinishlocation.htm','_self') oCMenu.makeMenu('mnu10RtMp','mnu10AuLe','Route Map','pdfs/2010AutumnLeavesSportiveRoute.pdf','_blank') oCMenu.makeMenu('mnu10AlGpRo','mnu10AuLe','GPS Route','2010/Events/20100926AutumnLeaves/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu10AlGeRo','mnu10AuLe','Google Earth Route','2010/Events/20100926AutumnLeaves/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu10AlPrRo','mnu10AuLe','Route Profile','2010/Events/20100926AutumnLeaves/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu10AlTtIn','mnu10AuLe','Turn by turn instructions','2010/Events/20100926AutumnLeaves/turnbyturninstructions.htm','_self') oCMenu.makeMenu('mnu10AlEmCo','mnu10AuLe','Emergency contact details','2010/Events/20100926AutumnLeaves/emergencycontactdetails.htm','_self') oCMenu.makeMenu('mnu10EsEE','mnu10Events','Essex Epic (Off-Road)') oCMenu.makeMenu('mnu10EEPo','mnu10EsEE','Event Poster','pdfs/20100815EssexEpicSportivePoster.pdf','_blank') oCMenu.makeMenu('mnu10EEDe','mnu10EsEE','Event Details','2010/Events/20100815EssexEpic/eventdetail.html','_self') oCMenu.makeMenu('mnu10EEStFi','mnu10EsEE','Start/finish location','2010/Events/20100815EssexEpic/startfinishlocation.htm','_self') oCMenu.makeMenu('mnu10EEGpRo','mnu10EsEE','GPS Route','2010/Events/20100815EssexEpic/GPSandRouteCard.htm','_self') oCMenu.makeMenu('mnu10EERoCd','mnu10EsEE','Route Card','2010/Events/20100815EssexEpic/GPSandRouteCard.htm','_self') oCMenu.makeMenu('mnu10EERoCm','mnu10EsEE','Route Map','2010/Events/20100815EssexEpic/GPSandRouteCard.htm','_self') oCMenu.makeMenu('mnu10EETtIn','mnu10EsEE','Turn by turn instructions','2010/Events/20100815EssexEpic/turnbyturninstructions.htm','_self') oCMenu.makeMenu('mnu10Orch','mnu10Events','Orchid 2010','http://www.orchid-cancer.org.uk/365/OrchidCycle-Essex','_blank') oCMenu.makeMenu('mnu10SpLE','mnu10Events','Essex Spring Lambs') oCMenu.makeMenu('mnu10SlPo','mnu10SpLE','Event Poster','pdfs/2010SpringLambsPoster.pdf','_blank') oCMenu.makeMenu('mnu10AbSl','mnu10SpLE','Event Details','2010/Events/20100411SpringLambs/eventdetail.html','_self') oCMenu.makeMenu('mnu10SlStFi','mnu10SpLE','Start/finish location','2010/Events/20100411SpringLambs/startfinishlocation.htm','_self') oCMenu.makeMenu('mnu10SlRtMp','mnu10SpLE','Route Map','pdfs/2010SpringLambsSportiveRoute.pdf','_blank') oCMenu.makeMenu('mnu10SlGpRo','mnu10SpLE','GPS Route','2010/Events/20100411SpringLambs/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu10SlPrRo','mnu10SpLE','Route Profile','2010/Events/20100411SpringLambs/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu10SlTtIn','mnu10SpLE','Turn by turn instructions','2010/Events/20100411SpringLambs/turnbyturninstructions.htm','_self') oCMenu.makeMenu('mnu09Events','mnuEvents','2009 Events') oCMenu.makeMenu('mnu09AuLe','mnu09Events','Essex Autumn Leaves') oCMenu.makeMenu('mnu09ALPo','mnu09AuLe','Event Poster','pdfs/2009AutumnLeavesPoster.pdf','_blank') oCMenu.makeMenu('mnu09AbAL','mnu09AuLe','Event Details','2009/Events/20090927AutumnLeaves/eventdetails.htm','_self') oCMenu.makeMenu('mnu09AlBoOn','mnu09AuLe','Booking on','https://www.sportident.co.uk/entries/event.php?event_id=218','_blank') oCMenu.makeMenu('mnu09AlStFi','mnu09AuLe','Start/finish location','2009/Events/20090927AutumnLeaves/startfinishlocation.htm','_self') oCMenu.makeMenu('mnu09RtMp','mnu09AuLe','Route Map','pdfs/2009AutumnLeavesSportiveRoute.pdf','_blank') oCMenu.makeMenu('mnu09AlGpRo','mnu09AuLe','GPS Route','2009/Events/20090927AutumnLeaves/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu09AlGeRo','mnu09AuLe','Google Earth Route','2009/Events/20090927AutumnLeaves/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu09AlPrRo','mnu09AuLe','Route Profile','2009/Events/20090927AutumnLeaves/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu09AlTtIn','mnu09AuLe','Turn by turn instructions','2009/Events/20090927AutumnLeaves/turnbyturninstructions.htm','_self') oCMenu.makeMenu('mnu09AlEmCo','mnu09AuLe','Emergency contact details','2009/Events/20090927AutumnLeaves/emergencycontactdetails.htm','_self') oCMenu.makeMenu('mnu09SpLE','mnu09Events','Essex Spring Lambs') oCMenu.makeMenu('mnu09SlPo','mnu09SpLE','Event Poster','pdfs/2009SpringLambsPoster.pdf','_blank') oCMenu.makeMenu('mnu09AbSl','mnu09SpLE','Event Details','2009/Events/20090405SpringLambs/eventdetails.htm','_self') oCMenu.makeMenu('mnu09SlBoOn','mnu09SpLE','Booking on','2009/Events/20090405SpringLambs/bookingon.htm','_self') oCMenu.makeMenu('mnu09SlStFi','mnu09SpLE','Start/finish location','2009/Events/20090405SpringLambs/startfinishlocation.htm','_self') oCMenu.makeMenu('mnu09SlRtMp','mnu09SpLE','Route Map','pdfs/2009SpringLambsSportiveRoute.pdf','_blank') oCMenu.makeMenu('mnu09SlGpRo','mnu09SpLE','GPS Route','2009/Events/20090405SpringLambs/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu09SlPrRo','mnu09SpLE','Route Profile','2009/Events/20090405SpringLambs/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu09SlTtIn','mnu09SpLE','Turn by turn instructions','2009/Events/20090405SpringLambs/turnbyturninstructions.htm','_self') oCMenu.makeMenu('mnu08Events','mnuEvents','2008 Events') oCMenu.makeMenu('mnu08AuLE','mnu08Events','Essex Autumn Leaves') oCMenu.makeMenu('mnu08AlPo','mnu08AuLE','Event Poster','pdfs/2008AutumnLeavesPoster.pdf','_blank') oCMenu.makeMenu('mnu08AbAL','mnu08AuLE','Event Details','2008/Events/20080928AutumnLeaves/eventdetails.htm','_self') oCMenu.makeMenu('mnu08AlBoOn','mnu08AuLE','Booking on','2008/Events/20080928AutumnLeaves/bookingon.htm','_self') oCMenu.makeMenu('mnu08AlStFi','mnu08AuLE','Start/finish location','2008/Events/20080928AutumnLeaves/startfinishlocation.htm','_self') oCMenu.makeMenu('mnu08RtMp','mnu08AuLE','Route Map','pdfs/2008AutumnLeavesSportiveRoute.pdf','_blank') oCMenu.makeMenu('mnu08AlGpRo','mnu08AuLE','GPS Route','2008/Events/20080928AutumnLeaves/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu08AlGeRo','mnu08AuLE','Google Earth Route','2008/Events/20080928AutumnLeaves/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu08AlPrRo','mnu08AuLE','Route Profile','2008/Events/20080928AutumnLeaves/GPSandGoogleEarth.htm','_self') oCMenu.makeMenu('mnu08ALTtIn','mnu08AuLE','Turn by turn instructions','2008/Events/20080928AutumnLeaves/turnbyturninstructions.htm','_self') oCMenu.makeMenu('mnu08ALEmCo','mnu08AuLE','Emergency contact details','2008/Events/20080928AutumnLeaves/emergencycontactdetails.htm','_self') oCMenu.makeMenu('mnuResults','','Results') oCMenu.makeMenu('mnu10Results','mnuResults','2010 Results') oCMenu.makeMenu('mnu10SpLa','mnu10Results','Essex Spring Lambs','2010/Results/20100411SpringLambs.htm','_self') oCMenu.makeMenu('mnu10EsEp','mnu10Results','Essex Epic','2010/Results/20100815Essexepic.html','_self') oCMenu.makeMenu('mnu09Results','mnuResults','2009 Results') oCMenu.makeMenu('mnu09AuLs','mnu09Results','Essex Autumn Leaves','2009/Results/20090927AutumnLeaves.htm','_self') oCMenu.makeMenu('mnu09SpLa','mnu09Results','Essex Spring Lambs','2009/Results/20090405SpringLambs.htm','_self') oCMenu.makeMenu('mnu08Results','mnuResults','2008 Results') oCMenu.makeMenu('mnu08AuLR','mnu08Results','Essex Autumn Leaves','2008/Results/20080928AutumnLeaves.htm','_self') /****************************************** oCMenu.makeMenu('mnu09Results','mnuResults','2009 Results') oCMenu.makeMenu('mnu09SpLR','mnu09Results','Essex Spring Lambs','pages/food.htm','_self') oCMenu.makeMenu('mnu09OrchR','mnu09Results','Essex Orchid Cycle 8','pages/food.htm','_self') *************************************/ oCMenu.makeMenu('mnuLinks','','Links') oCMenu.makeMenu('mnuRecommendedLinks','mnuLinks','Recommended links','links.htm','_self') //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()