/***************************************************************************** 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 **** http://www.dhtmlcentral.com/projects/coolmenus/reference.asp?m=35 CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37 (doesn't work I think) 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 you body tag Feel free to add this to a stand-alone js file and link it to your page. **/ //http://www.dhtmlcentral.com/forums/topic.asp?TOPIC_ID=14477 //Menu object creation oCMenu2=new makeCM("oCMenu2") //Making the menu object. Argument: menuname oCMenu2.frames = 0 //oCMenu2.zIndex = 100 //Menu properties oCMenu2.pxBetween=0 oCMenu2.fromLeft=6 oCMenu2.fromTop=180 // from top of the screen, for the first main menu item: coolmenu requires absolute positioning! oCMenu2.rows=0 oCMenu2.menuPlacement=0 oCMenu2.offlineRoot="file:///H|/OceanE/" //this is the directory where your files are on your machine (G.) oCMenu2.onlineRoot=" " // This should be the directory where your files are on the live server (G.) oCMenu2.resizeCheck=1 oCMenu2.wait=300 // time in msec. for menu to close when mosing away oCMenu2.fillImg="cm_fill.gif" oCMenu2.zIndex=0 //Background bar properties - *if* you have a background bar i.e usebar not 0 oCMenu2.useBar=0 oCMenu2.barWidth="160" // or "menu" if you want same width as main menu oCMenu2.barHeight="menu" oCMenu2.barClass="clBar" oCMenu2.barX=0 oCMenu2.barY=0 oCMenu2.barBorderX=0 oCMenu2.barBorderY=0 oCMenu2.barBorderClass="" //Level properties - ALL properties have to be specified in level 0 oCMenu2.level[0]=new cm_makeLevel() //Add this for each new level oCMenu2.level[0].width=160 // width of underlying rectangle - can override in menu creation -see below oCMenu2.level[0].height=30 // height of underlying rectangle - can override in menu creation -see below oCMenu2.level[0].regClass="clLevel0" //colour - see coolcss oCMenu2.level[0].overClass="clLevel0over" //colour for mouseover - see coolcss oCMenu2.level[0].borderX=0 oCMenu2.level[0].borderY=0 oCMenu2.level[0].borderClass="clLevel0border" oCMenu2.level[0].offsetX=30 // Offset to the right for sub-menus if wanted oCMenu2.level[0].offsetY=0 // vertical offset for sub-menus oCMenu2.level[0].arrow=0 oCMenu2.level[0].arrowWidth=0 oCMenu2.level[0].arrowHeight=0 oCMenu2.level[0].align="bottom" //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 oCMenu2.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu2.level[1].width=140 // width of sub menu oCMenu2.level[1].height=20 oCMenu2.level[1].regClass="clLevel1" //colour - see coolcss oCMenu2.level[1].overClass="clLevel1over" ///colour for mouseover - see coolcss oCMenu2.level[1].rows=0 oCMenu2.level[1].borderX=0 oCMenu2.level[1].borderY=0 oCMenu2.level[1].align="center" // align submenu vis a vis main oCMenu2.level[1].offsetX= 85 // Offset to the right - for sub-sub-menus oCMenu2.level[1].offsetY=-9 // vertical offset from sub-menu (negative = up) oCMenu2.level[1].borderClass="clLevel1border" oCMenu2.level[1].arrow="images/arrowimage.gif" //arrow to indicate that there are sub-menus oCMenu2.level[1].arrow=1 oCMenu2.level[1].arrowWidth=9 oCMenu2.level[1].arrowHeight=7 //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 oCMenu2.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu2.level[2].width=110 oCMenu2.level[2].height=20 oCMenu2.level[2].offsetX=0 oCMenu2.level[2].offsetY=0 oCMenu2.level[2].borderX=0 oCMenu2.level[2].borderY=0 oCMenu2.level[2].align="bottom" oCMenu2.level[2].regClass="clLevel2" oCMenu2.level[2].overClass="clLevel2over" oCMenu2.level[2].borderClass="clLevel2border" //EXAMPLE SUB LEVEL[3] 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 oCMenu2.level[3]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu2.level[3].width=130 oCMenu2.level[3].height=20 oCMenu2.level[3].offsetX=0 oCMenu2.level[3].offsetY=0 oCMenu2.level[3].regClass="clLevel2" oCMenu2.level[3].overClass="clLevel2over" oCMenu2.level[3].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) *************************************/ oCMenu2.makeMenu('top0','',' HOME','index.htm','',160,30) //First top menu item oCMenu2.makeMenu('top1','',' ABOUT US','aboutus.htm','',160,30) //Second top menu item oCMenu2.makeMenu('sub10','top1','Who we are','aboutus.htm') oCMenu2.makeMenu('top2','',' PRODUCT LINE','ourproducts.htm','',160,30) // Third top menu item oCMenu2.makeMenu('sub20','top2','Waterproof','waterproof.htm') //Sub-menu oCMenu2.makeMenu('sub200','sub20','Overview','waterproof.htm') // Sub-subs oCMenu2.makeMenu('sub201','sub20','Product sheets','wp-productsheets.htm') //oCMenu2.makeMenu('sub202','sub20','subsub-2','#') oCMenu2.makeMenu('sub21','top2','SI Tech','sitech.htm') // Sub-menu oCMenu2.makeMenu('sub210','sub21','Overview','sitech.htm') // Sub-subs oCMenu2.makeMenu('sub211','sub21','Products','SI Tech Picture Catalog 2011.pdf','_blank') oCMenu2.makeMenu('sub212','sub21','Documents','sitechdocuments.htm') oCMenu2.makeMenu('sub22','top2','SF Tech','sftech.htm') // Sub-menu //oCMenu2.makeMenu('sub220','sub22','Overview','deepoutdoors.htm') //oCMenu2.makeMenu('sub221','sub22','Disappearing Ways','#') //oCMenu2.makeMenu('sub222','sub22','Life in Dry Lands','#') //oCMenu2.makeMenu('sub23','top2','APS Mantaray','mantaray.htm') // Sub-menu //oCMenu2.makeMenu('sub230','sub23','Overview','mantaray.htm') // Sub-subs //oCMenu2.makeMenu('sub231','sub23','Brochures','APS Brochures-1.pdf','_blank') //oCMenu2.makeMenu('sub232','sub23','Other-2','#') oCMenu2.makeMenu('sub24','top2','Explorer Cases','explorercases.htm') // Submenu oCMenu2.makeMenu('sub240','sub24','Overview','explorercases.htm') oCMenu2.makeMenu('sub241','sub24','Catalog','EXPLORER Cases 2009.pdf','_blank') oCMenu2.makeMenu('sub342','sub24','Tool insert','Tool insert for 38-18.pdf','_blank') oCMenu2.makeMenu('sub25','top2','ALI Lubricants','ali_lubricants.htm') // Submenu 6 oCMenu2.makeMenu('sub250','sub25','Overview','ali_lubricants.htm') oCMenu2.makeMenu('sub251','sub25','Products','tribolube-products.pdf','_blank') //oCMenu2.makeMenu('sub26','top2','UEMIS','uemis.htm') // Submenu //oCMenu2.makeMenu('sub260','sub26','Overview','uemis.htm') // Sub-subs //oCMenu2.makeMenu('sub261','sub26','Specifications','uemisspecs.htm') //oCMenu2.makeMenu('sub262','sub26','Special offer','specialoffers-uemis.htm','') //oCMenu2.makeMenu('sub263','sub26','Dealer Agreement','uemis-2009 Dealer Agreement.pdf','') oCMenu2.makeMenu('sub27','top2','Faber','faber.htm') // Submenu oCMenu2.makeMenu('sub270','sub27','Overview','faber.htm') //oCMenu2.makeMenu('sub271','sub27','Spec Sheets','#') //oCMenu2.makeMenu('sub28','top2','HYMARK','') // Submenu //oCMenu2.makeMenu('sub280','sub28','Overview','#') //oCMenu2.makeMenu('sub281','sub28','Spec Sheets','#') oCMenu2.makeMenu('sub29','top2','Travel','travel.htm') // Submenu oCMenu2.makeMenu('sub290','sub29','Overview','travel.htm') oCMenu2.makeMenu('sub291','sub29','2010 Program','2010-Program.htm') //oCMenu2.makeMenu('sub282','sub28','Other','#') //oCMenu2.makeMenu('sub29','top2','OTHER','#') // Submenu spare //oCMenu2.makeMenu('sub290','sub29','Overview','#') //oCMenu2.makeMenu('sub291','sub29','Spec Sheets','#') //oCMenu2.makeMenu('sub292','sub29','Other','#') oCMenu2.makeMenu('top3','','RETAILERS','','',160,30) // top menu item oCMenu2.makeMenu('sub30','top3','Canada','retailerscanada.asp') //sub //oCMenu2.makeMenu('sub300','sub30','Dealer Application','canada-dealerpack.htm') //sub-sub oCMenu2.makeMenu('sub31','top3','USA','retailersusa-sitech.asp') // oCMenu2.makeMenu('sub310','sub31','SI Tech Sheet','sitechforstoresmod.pdf','_blank',100,20) //sub-sub //oCMenu2.makeMenu('sub311','sub31','Dealer Application','sitech-dealerpack-usa.htm','',110,20) oCMenu2.makeMenu('sub32','top3','International','retailersinternational.asp') //oCMenu2.makeMenu('top4','','DEALER APPLICATION','canada-dealerpack.htm','',160,30) //top menu item //oCMenu2.makeMenu('sub40','top4','DEMA','') //oCMenu2.makeMenu('sub41','top4','Where to find us','') //oCMenu2.makeMenu('sub42','top4','BTS','') //oCMenu2.makeMenu('sub43','top4','U/W Interventions','') //oCMenu2.makeMenu('sub44','top4','','') oCMenu2.makeMenu('top5','','NEWSLETTERS','newsletters toc.htm','',160,30) //top menu item //oCMenu2.makeMenu('sub50','top5','etc','#') //oCMenu2.makeMenu('sub51','top5','etc','#') oCMenu2.makeMenu('top6','','LINKS','links.htm','',160,30) //top menu item //oCMenu2.makeMenu('sub60','top6','etc','#') //oCMenu2.makeMenu('sub51','top6','etc','#') //oCMenu2.makeMenu('sub52','top6','','#') //oCMenu2.makeMenu('sub53','top6','','#') oCMenu2.makeMenu('top7','','CONTACT US','contactus.htm','',160,30) //top menu item oCMenu2.makeMenu('top8','','DEALER APPLICATION','Dealer ApplicationJan 2011.pdf','_blank',160,30) //top menu item //oCMenu2.makeMenu('sub80','top8','etc','#') //oCMenu2.makeMenu('sub81','top8','etc','#') //***************************************************************************************************8 //Leave this line - it constructs the menu oCMenu2.construct() /****************** CM_ADD-IN - foldoutmenu (last updated: 11/14/02) Test foldoutmenu behaviour. Only for level 0 *****************/ makeCM.prototype.onshow+="if(l==1) this.foldout(pm,pm.subx,pm.suby,maxw,maxh,pm.lev)" makeCM.prototype.foldout=function(pm,x,y,w,h,l){ //First only toplevel c = this curr = 0 pm.mout="" for(var i=0;i