//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. **/ //http://www.dhtmlcentral.com/forums/topic.asp?TOPIC_ID=14477 //Menu object creation oCMenu=new makeCM("oCMenu"); //Making the menu object. Argument: menuname oCMenu.frames = 0; //New properties in 4.06 - Set to open and/or close the menu onclick //oCMenu.openOnClick=1; //oCMenu.closeOnClick=1; //Menu properties oCMenu.pxBetween=0; 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=0; oCMenu.barWidth="menu"; 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=110; 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=96; oCMenu.level[0].offsetY=-25; oCMenu.level[0].rows=0; oCMenu.level[0].arrow=0; oCMenu.level[0].arrowWidth=0; oCMenu.level[0].arrowHeight=0; oCMenu.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 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=1; oCMenu.level[1].borderY=1; oCMenu.level[1].align="right"; oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+45; oCMenu.level[1].offsetY=-1; oCMenu.level[1].borderClass="clLevel1border"; oCMenu.level[1].arrow = "images/template/menu_arrow.gif" oCMenu.level[1].arrowWidth=10; oCMenu.level[1].arrowHeight=10; //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=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('top00','','Home','index.html','',96); //oCMenu.makeMenu('top1116','','Blog','http://blog.burbankgoose.com','',96); oCMenu.makeMenu('top3','','Hunt Info','','',96); oCMenu.makeMenu('top30','top3','Fees','fees.html','',110); oCMenu.makeMenu('top330','top30','Gift Certificates','gift_certificates.html','',110); oCMenu.makeMenu('top31','top3','Calendar','calendar.html','',110); oCMenu.makeMenu('top310','top31','Goose','calendar_goose.html','',110); oCMenu.makeMenu('top311','top31','Duck','calendar_duck.html','',110); oCMenu.makeMenu('top32','top3','Hunt Rules','hunt_rules.html','',110); oCMenu.makeMenu('top34','top3','Hunt Contract','hunt_contract.html','',110); oCMenu.makeMenu('top33','top3','Burbank Area','info/burbank/index.html','',110); oCMenu.makeMenu('top35','top3','Washington State','info/washington/index.html','',110); oCMenu.makeMenu('top37','top3','License','info/washington/hunt_license.html','',110); // oCMenu.makeMenu('top371','top37','Washington','info/washington/hunt_license.html','',110); oCMenu.makeMenu('top2','','Fees','fees.html','',96); oCMenu.makeMenu('top20','top2','Consulting','consulting.html','',110); oCMenu.makeMenu('top21','top2','Fees','fees.html','',110); oCMenu.makeMenu('top22','top2','Gift Certificates','gift_certificates.html','',110); oCMenu.makeMenu('top01','','Booking Info','book_info.html','',96); oCMenu.makeMenu('top011','top01','Booking Info','book_info.html','',110); oCMenu.makeMenu('top012','top01','Hunt Date Inquiry','book_a_hunt.php','',110); oCMenu.makeMenu('top013','top01','Make a deposit','book_a_hunt_payment.html','',110); oCMenu.makeMenu('top5','','Pictures','http://gallery.burbankgoose.com/','',96); oCMenu.makeMenu('top50','top5','Duck Hunt','http://gallery.burbankgoose.com/index.php/Duck-Hunt','',110); oCMenu.makeMenu('top51','top5','Famous Guests','http://gallery.burbankgoose.com/index.php/Famous-Guests','',110); oCMenu.makeMenu('top52','top5','Fishing','http://gallery.burbankgoose.com/index.php/Fishing','',110); oCMenu.makeMenu('top53','top5','Goose Hunt','http://gallery.burbankgoose.com/index.php/Goose-Hunt','',110); oCMenu.makeMenu('top54','top5','Other','http://gallery.burbankgoose.com/','',110); oCMenu.makeMenu('top6','','News & Shows','news/index.html','',96); oCMenu.makeMenu('top60','top6','Awards','news/awards.html','',110); oCMenu.makeMenu('top61','top6','News','news/news.html','',110); oCMenu.makeMenu('top62','top6','Sport Shows','news/sportshows.html','',110); oCMenu.makeMenu('top63','top6','TV Shows','news/tvshows.html','',110); oCMenu.makeMenu('top14','','Specie Info','info/specie/index.html','',96); oCMenu.makeMenu('top4','','Special Hunts','specialhunts/index.html','',96); oCMenu.makeMenu('top40','top4','GMC','specialhunts/gmc.html','',110); oCMenu.makeMenu('top41','top4','Youth Hunt','specialhunts/youth.html','',110); //oCMenu.makeMenu('top7','','Other Hunts','','',96); // oCMenu.makeMenu('top70','top7','Domestic Trips','domestic_trips.html','',125); oCMenu.makeMenu('top7','','Intl. Trips','international/index.html','',96); oCMenu.makeMenu('top700','top7','Escorted','international/index.html','',110); oCMenu.makeMenu('top701','top7','Argentina','international/argentina.html','',110); oCMenu.makeMenu('top702','top7','Hungary','international/hungary.html','',110); oCMenu.makeMenu('top109','','Products','products.html','',96); oCMenu.makeMenu('top110','','Recipes','recipes.html','',96); oCMenu.makeMenu('top111','','FAQ\'s','faqs.html','',96); oCMenu.makeMenu('top112','','Contact Us','contact.html','',96); oCMenu.makeMenu('top113','','Links','links.html','',96); oCMenu.makeMenu('top114','','Taxidermy','taxidermy.html','',96); oCMenu.makeMenu('top115','','Prod. Reviews','newproductreview.htm','',96); oCMenu.makeMenu('top116','','Resources','resources/index.html','',96); oCMenu.makeMenu('top1161','top116','Press Releases','resources/press.htm','',110); oCMenu.makeMenu('top1162','top116','Writers Resources ','resources/writers.htm','',110); oCMenu.makeMenu('top36','','Company Info','info/company/index.html','',96); oCMenu.makeMenu('top361','top36','Company Info','info/company/company.html','',110); oCMenu.makeMenu('top362','top36','Guides info','info/company/guides.html','',110); oCMenu.makeMenu('top117','','Forum','http://www.wild-view.net','',96); //Leave this line - it constructs the menu oCMenu.construct()