/*** 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=-30; 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="images/gif/x.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=180 oCMenu.level[0].height=25 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=oCMenu.level[0].width+30 oCMenu.level[1].height=25 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+10 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=150 oCMenu.level[2].height=25 oCMenu.level[2].offsetX=-(oCMenu.level[1].width-2)/2+5 oCMenu.level[2].offsetY=0 oCMenu.level[2].regClass="clLevel2" oCMenu.level[2].overClass="clLevel2over" oCMenu.level[2].borderClass="clLevel2border" //EXAMPLE SUB LEVEL[3] 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[3]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[3].width=150 oCMenu.level[3].height=18 oCMenu.level[3].offsetX=0 oCMenu.level[3].offsetY=0 oCMenu.level[3].regClass="clLevel3" oCMenu.level[3].overClass="clLevel3over" oCMenu.level[3].borderClass="clLevel3border" /****************************************** 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('top1','',' HOME PAGE','home.html','','','','images/gif/homeOff.gif','images/gif/homeOn.gif') oCMenu.makeMenu('top2','',' HISTORY','history.html','','','','images/gif/histOff.gif','images/gif/histOn.gif') oCMenu.makeMenu('top3','',' DEERE PARK PHILOSOPHY','serv_phil.html','','','','images/gif/philOFF.gif','images/gif/philOn.gif') oCMenu.makeMenu('top4','',' SERVICES','serv_provide.html','','','','images/gif/servOff.gif','images/gif/servOn.gif') oCMenu.makeMenu('top14','',' STEP BY STEP PROCESS','serv_step.html','','','','images/gif/stepOff.gif','images/gif/stepOn.gif') /*oCMenu.makeMenu('sub22','top4',' Step by Step Process','serv_step.html') oCMenu.makeMenu('sub22','top4',' Step by Step Process','serv_step.html')*/ oCMenu.makeMenu('top9','',' MARKETING','serv_mktg.html','','','','images/gif/markOFF.gif','images/gif/markON.gif') oCMenu.makeMenu('sub91','top9',' Public Relations','serv_mktg.html#m7') oCMenu.makeMenu('sub92','top9',' Direct Mail','serv_mktg.html#m1') oCMenu.makeMenu('sub93','top9',' Print Ads','serv_mktg.html#m2') oCMenu.makeMenu('sub94','top9',' Posters','serv_mktg.html#m3') oCMenu.makeMenu('sub95','top9',' Print Ads','serv_mktg.html#m2') oCMenu.makeMenu('sub96','top9',' TV Commercials','serv_mktg.html#m6') oCMenu.makeMenu('sub97','top9',' Radio Commercials','serv_mktg.html#m5') oCMenu.makeMenu('sub98','top9',' Sinage and Banners','serv_mktg.html#m3') oCMenu.makeMenu('sub99','top9',' Other','serv_mktg.html#m8') oCMenu.makeMenu('top13','',' MANAGEMENT','management.html','','','','images/gif/manageOff.gif','images/gif/manageOn.gif') oCMenu.makeMenu('top7','',' REFERENCES','references.html','','','','images/gif/refOff.gif','images/gif/refOn.gif') /* oCMenu.makeMenu('sub72','top7',' Drexel case study','resource.html#drex') oCMenu.makeMenu('sub73','top7',' Bullock case study','resource.html#bullock') oCMenu.makeMenu('sub74','top7',' Fuller case study','resource.html#fuller') oCMenu.makeMenu('sub75','top7',' Hilda Flack case study','resource.html#flack') */ /*oCMenu.makeMenu('sub215','top9',' Radio','serv_mktg.html#m5') oCMenu.makeMenu('sub216','top9',' Television','serv_mktg.html#m6')*/ /*oCMenu.makeMenu('top6','',' RESOURCES','resources.html','','','','images/gif/resourceOff.gif','images/gif/resourceOn.gif') */ /* oCMenu.makeMenu('sub62','top6',' Management','resource.html#manage') oCMenu.makeMenu('sub63','top6',' Marketing','resource.html#market') oCMenu.makeMenu('sub64','top6',' Case Studies','resource.html#case') */ oCMenu.makeMenu('top8','',' CASE STUDIES','case_drex.html','','','','images/gif/caseOff.gif','images/gif/caseOn.gif') oCMenu.makeMenu('sub81','top8',' Ashley Furniture Homestore  ','case_ashley.html') oCMenu.makeMenu('sub82','top8',' Bullock  ','case_bull.html') oCMenu.makeMenu('sub820','sub82',' Reference letter ','references.html#bullocks') oCMenu.makeMenu('sub83','top8',' Elan Contemporary Furnishings  ','case_elan.html') oCMenu.makeMenu('sub84','top8',' Drexel Heritage-Thomasville  ','case_drex.html') oCMenu.makeMenu('sub840','sub84',' Reference letter ','references.html#drexel') oCMenu.makeMenu('sub85','top8',' Good’s  ','case_goods.html') oCMenu.makeMenu('sub850', 'sub85',' Reference letter','references.html#goods') oCMenu.makeMenu('sub86','top8',' Hilda Flack  ','case_hild.html') oCMenu.makeMenu('sub860','sub86',' Reference letter ','references.html#hild') oCMenu.makeMenu('sub87','top8',' House of Denmark  ','case_hod.html') oCMenu.makeMenu('sub870','sub87',' Reference letter ','references.html#hod') /* oCMenu.makeMenu('sub88','top8',' Rileys Fine Furniture  ','case_rileys.html') oCMenu.makeMenu('sub880','sub88',' Reference letter ','references.html#rileys')*/ oCMenu.makeMenu('sub89','top8',' Rossi Furniture  ','case_rossi.html') oCMenu.makeMenu('sub890','sub89',' Reference letter ','references.html#rossi') oCMenu.makeMenu('top11','',' FAQ','faq.html','','','','images/gif/faqOff.gif','images/gif/faqOn.gif') oCMenu.makeMenu('top12','',' CAREER OPPORTUNITIES','career.html','','','','images/gif/careerOff.gif','images/gif/careerOn.gif') oCMenu.makeMenu('top10','',' CONTACT US','contact.html','','','','images/gif/contactOff.gif','images/gif/contactOn.gif') //Leave this line - it constructs the menu oCMenu.construct()