/*** 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() //Menu object creation oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname //Menu properties oCMenu.pxBetween=0 //Using the cm_page object to place the menu ---- oCMenu.fromLeft=pos[0] oCMenu.fromTop=pos[1] //We also need to "re place" the menu on resize. So: oCMenu.onresize="pos = findPos(); oCMenu.fromLeft=pos[0]; oCMenu.fromTop=pos[1]" oCMenu.rows=0 oCMenu.menuPlacement=0 oCMenu.offlineRoot="" oCMenu.onlineRoot="" oCMenu.resizeCheck=1 oCMenu.wait=1000 oCMenu.fillImg="cm_fill.gif" oCMenu.zIndex=0 //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 spesified in level 0 oCMenu.level[0]=new cm_makeLevel() //Add this for each new level oCMenu.level[0].width=170 oCMenu.level[0].height=26 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=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=120 oCMenu.level[1].height=22 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=0 oCMenu.level[1].offsetY=0 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=120 oCMenu.level[2].height=22 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('left1','','','','','171','30','images/calendar.png','images/calendar_mouse.png') oCMenu.makeMenu('left_sub11','left1','Pet Training','level_classes.asp') oCMenu.makeMenu('left_sub12','left1','Agility Classes','agility_classes.asp') oCMenu.makeMenu('left_sub13','left1','Specialty Classes','specialty_class_calendar.asp') oCMenu.makeMenu('left2','','','','','171','26','images/puppy_offerings.png','images/puppy_offerings_mouse.png') //oCMenu.makeMenu('left_sub21','left2','Puppy Kindergarten','puppy_kindergarten.asp') oCMenu.makeMenu('left_sub22','left2','Puppy Agility','puppy_agility.asp') //oCMenu.makeMenu('left_sub23','left2','Rising Stars','specialty_classes.asp#puppy_stars') oCMenu.makeMenu('left_sub23','left2','Puppy Training','levels.asp') oCMenu.makeMenu('left_sub24','left2','Puppy Playtime','puppy_playtime.asp') oCMenu.makeMenu('left_sub25','left2','Puppy Housebreaking','puppy_housebreaking.asp') oCMenu.makeMenu('left3','','','','','171','26','images/training.png','images/training_mouse.png') oCMenu.makeMenu('left_sub31','left3','Training Seminars','training_seminars.asp') oCMenu.makeMenu('left_sub32','left3','Levels Overview','levels.asp') oCMenu.makeMenu('left_sub33','left3','Level 00','level_00.asp') oCMenu.makeMenu('left_sub34','left3','Level 01','level_01.asp') oCMenu.makeMenu('left_sub35','left3','Level 02','level_02.asp') oCMenu.makeMenu('left_sub36','left3','Level 03','level_03.asp') oCMenu.makeMenu('left_sub37','left3','Level 04','level_04.asp') oCMenu.makeMenu('left_sub38','left3','K9 Games','level_k9_games.asp') oCMenu.makeMenu('left_sub39','left3','Adult Off Leash','level_adult_off_leash.asp') oCMenu.makeMenu('left4','','','daycare.asp','','171','26','images/daycare.png','images/daycare_mouse.png') oCMenu.makeMenu('left5','','','','','171','26','images/agility.png','images/agility_mouse.png') oCMenu.makeMenu('left_sub51','left5','Agility Program','agility_levels.asp') oCMenu.makeMenu('left_sub52','left5','Agility Classes','agility_level_classes.asp') //oCMenu.makeMenu('left_sub51_1','left_sub51','Beginner','agility_basics.asp') //oCMenu.makeMenu('left_sub51_2','left_sub51','Competition Prep','agility_comp_prep.asp') oCMenu.makeMenu('left_sub53','left5','Specialty Classes','agility_specialty_classes.asp') oCMenu.makeMenu('left_sub54','left5','Agility Matches','agility_match.asp') oCMenu.makeMenu('left_sub55','left5','Agility Workshops','agility_workshops.asp') oCMenu.makeMenu('left6','','','boot_camp.asp','','171','26','images/boot_camp.png','images/boot_camp_mouse.png') oCMenu.makeMenu('left7','','','','','171','26','images/facility_rentals.png','images/facility_rentals_mouse.png') oCMenu.makeMenu('left_sub71','left7','Agility Ring ','agility_rental.asp') oCMenu.makeMenu('left_sub72','left7','Obedience Ring','obedience_rental.asp') oCMenu.makeMenu('left_sub73','left7','Private Events','facility_rental.asp') oCMenu.makeMenu('left8','','','specialty_classes.asp','','171','26','images/specialty.png','images/specialty_mouse.png') oCMenu.makeMenu('left9','','','','','171','26','images/policies.png','images/policies_mouse.png') oCMenu.makeMenu('left_sub91','left9','Privacy','privacy.asp') oCMenu.makeMenu('left_sub92','left9','Cancellations','cancellation.asp') oCMenu.makeMenu('left10','','','videos.asp','','171','61','images/left_nav_bottom_new.png','images/left_nav_bottom_new_mouse.png') //Leave this line - it constructs the menu oCMenu.construct()