/***************************************************************************** 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://coolmenus.dhtmlcentral.com/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 ******************************************************************************/ /*** This is the menu creation code - place it right after your 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.frames = 0 //Menu properties oCMenu.pxBetween=0 oCMenu.fromLeft=116 oCMenu.fromTop=4 oCMenu.rows=1 oCMenu.menuPlacement="left" oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/projects/coolmenus/examples/" oCMenu.onlineRoot="/" //oCMenu.onlineRoot="/" oCMenu.resizeCheck=1 oCMenu.wait=400 oCMenu.fillImg="js/coolmenus/cm_fill.gif" oCMenu.zIndex=20 //Background bar properties oCMenu.useBar=1 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 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=25 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=3 oCMenu.level[0].offsetY=-5 oCMenu.level[0].rows=0 oCMenu.level[0].align="bottom" //Property added ---- Doesn't apply to the top level. This gives you a border around all items. oCMenu.level[0].roundBorder=1 //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+2 oCMenu.level[1].height=22 oCMenu.level[1].regClass="clLevel1" oCMenu.level[1].overClass="clLevel1over" oCMenu.level[1].borderX=0 oCMenu.level[1].borderY=0 oCMenu.level[1].align="right" oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+44 oCMenu.level[1].offsetY=0 oCMenu.level[1].arrow="/images/navbar32/arrow.gif" oCMenu.level[1].arrowWidth="7" oCMenu.level[1].arrowHeight="8" oCMenu.level[1].borderClass="clLevel1border" //EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify 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].height=20 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','',' News','news/','', '46') oCMenu.makeMenu('sub00','top0','Latest news','news/') oCMenu.makeMenu('sub01','top0','Upcoming Events','news/events.cfm') oCMenu.makeMenu('sub02','top0','Advertising','ads/') oCMenu.makeMenu('top1','',' Products','Apparatus/','','66') oCMenu.makeMenu('AC1','top1','Tankers/Tenders','ApparatusCategory/apparatusCategoryDetail.cfm?acid=1','','120') // oCMenu.makeMenu('A1','AC1','Infinity III™','Apparatus/apparatusDetail.cfm?aid=1','','120') // oCMenu.makeMenu('A2','AC1','SS-T Series®','Apparatus/apparatusDetail.cfm?aid=2','','120') oCMenu.makeMenu('AC3','top1','Wildland®','ApparatusCategory/apparatusCategoryDetail.cfm?acid=3','','120') // oCMenu.makeMenu('A6','AC3','Wildland®','Apparatus/apparatusDetail.cfm?aid=6','','120') // oCMenu.makeMenu('A7','AC3','Wildland® Ultra XT™','Apparatus/apparatusDetail.cfm?aid=7','','120') oCMenu.makeMenu('AC4','top1','Interface','Apparatus/apparatusDetail.cfm?aid=8','','120') oCMenu.makeMenu('AC5','top1','Attack/Brush','ApparatusCategory/apparatusCategoryDetail.cfm?acid=5','','120') // oCMenu.makeMenu('A5','AC5','Highland™','Apparatus/apparatusDetail.cfm?aid=5','','120') // oCMenu.makeMenu('A9','AC5','Attack 1®','Apparatus/apparatusDetail.cfm?aid=9','','120') oCMenu.makeMenu('AC6','top1','Support/Rescue','ApparatusCategory/apparatusCategoryDetail.cfm?acid=6','','120') // oCMenu.makeMenu('A10','AC6','Sentinel™','Apparatus/apparatusDetail.cfm?aid=10','','120') // oCMenu.makeMenu('A11','AC6','Advocate™','Apparatus/apparatusDetail.cfm?aid=11','','120') oCMenu.makeMenu('AC7','top1','Skid Units','Apparatus/apparatusDetail.cfm?aid=12','','120') //oCMenu.makeMenu('top2','',' Dealers','dealers/','','60') // oCMenu.makeMenu('sub20','top2','Dealer Locator','dealers/') // oCMenu.makeMenu('sub21','top2','Dealers’ Corner','dealers/corner/') // oCMenu.makeMenu('sub220','top2','Log In…','dealers/corner/','','130') // oCMenu.makeMenu('sub221','top2','Register for Access…','dealers/register.cfm','','130') oCMenu.makeMenu('top3','',' Deliveries','deliveries/','','72') oCMenu.makeMenu('sub30','top3','Recent Deliveries','deliveries/','','110') oCMenu.makeMenu('sub31','top3','Archives','deliveries/index.cfm?month=5&year=2008','','110'); oCMenu.makeMenu('top5','',' Stock','stock/index.cfm','','56') oCMenu.makeMenu('sub51','top5','7416 - Stock Infinity Elliptical Tanker','stock/detail.cfm?sid=38','','210'); oCMenu.makeMenu('sub52','top5','7417 Stock - Outland','stock/detail.cfm?sid=39','','210'); oCMenu.makeMenu('sub53','top5','7640 Stock Highland','stock/detail.cfm?sid=42','','210'); oCMenu.makeMenu('sub54','top5','7641 Stock Attack','stock/detail.cfm?sid=43','','210'); oCMenu.makeMenu('top6','',' GSA','gsa/','','42') //oCMenu.makeMenu('sub60','top6','View Contract','gsa/contract.cfm','','130') oCMenu.makeMenu('sub61','top6','Log In…','gsa/protected/vehicleList.cfm','','130') oCMenu.makeMenu('sub62','top6','Register for Access…','gsa/register.cfm','','130') oCMenu.makeMenu('top7','',' Parts Store','store/','','90') oCMenu.makeMenu('sub71','top7','662 Light Engine','store/ListSystems.cfm?CID=9','','130'); oCMenu.makeMenu('sub72','top7','667 Wildland','store/ListSystems.cfm?CID=10','','130'); oCMenu.makeMenu('sub73','top7','View Basket','store/ViewBasket.cfm','','130'); oCMenu.makeMenu('top8','',' Gear','gear/','','46') oCMenu.makeMenu('sub80','top8','Get S&S stuff!','gear/','','100') oCMenu.makeMenu('top9','',' Company','company/','','70') oCMenu.makeMenu('sub90','top9','Company Overview','company/','','120') oCMenu.makeMenu('sub91','top9','S&S Innovations','company/innovation.cfm','','120') oCMenu.makeMenu('sub92','top9','Contact Us…','company/contact/','','120') oCMenu.makeMenu('top10','',' Links','links/','','56') oCMenu.makeMenu('sub100','top10','First Capital Equipment Leasing Corp.','http://www.leaseexperts.com/FIRE_EQUIPMENT.htm','_blank','214') // oCMenu.makeMenu('sub101','top10','Plas-Mac Polypropylene Tanks','http://www.plas-mac.com/','_blank','214') oCMenu.makeMenu('sub102','top10','Amdor Specialty Roll-up Doors','http://www.amdor.com/','_blank','214') oCMenu.makeMenu('sub103','top10','Find out how your site can be here!','mailto:web@ssfire.com?subject=Link share with ssfire.com','','214') //Leave this line - it constructs the menu if(!(bw.ie5&&bw.mac)) { oCMenu.construct(); }