/*** 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="file:///E:/NewFAS/" 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="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=150 oCMenu.level[0].height=24 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+40 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+50 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=170 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" //SUB LEVEL[3] PROPERTIES oCMenu.level[3]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[3].width=80 oCMenu.level[3].height=20 oCMenu.level[3].offsetX=0 oCMenu.level[3].offsetY=0 oCMenu.level[3].regClass="clLevel2" oCMenu.level[3].overClass="clLevel2over" oCMenu.level[3].borderClass="clLevel2border" //SUB LEVEL[4] PROPERTIES oCMenu.level[4]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[4].width=140 oCMenu.level[4].height=20 oCMenu.level[4].offsetX=0 oCMenu.level[4].offsetY=0 oCMenu.level[4].align="left" oCMenu.level[4].regClass="clLevel2" oCMenu.level[4].overClass="clLevel2over" oCMenu.level[4].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','','','index1.asp','','','',"images/layout/home-a.gif","images/layout/home-b.gif",'','','','','','',"MM_swapImage('Image12','','images/layout/home-b.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('top1','','','content/page.asp?abk=aboutus','','','',"images/layout/layout-a_04.gif","images/layout/layout-b_04.gif",'','','','','','',"MM_swapImage('Image4','','images/layout/layout-b_04.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('top2','','','','','','',"images/layout/layout-a_05.gif","images/layout/layout-b_05.gif",'','','','','','',"MM_swapImage('Image5','','images/layout/layout-b_05.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('sub20','top2','Video Surveillance','content/page.asp?abk=vidsec') oCMenu.makeMenu('sub21','top2','Access Control','content/page.asp?abk=access') oCMenu.makeMenu('sub22','top2','Emergency Notification','content/page.asp?abk=notify') oCMenu.makeMenu('top3','','','','','','',"images/layout/applications-a.gif","images/layout/applications-b.gif",'','','','','','',"MM_swapImage('Image6','','images/layout/applications-b.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('sub30','top3','Commercial','content/page.asp?abk=commercial') oCMenu.makeMenu('sub31','top3','Industrial','content/page.asp?abk=industrial') oCMenu.makeMenu('sub32','top3','Retail','content/page.asp?abk=retail') oCMenu.makeMenu('sub33','top3','Education','content/page.asp?abk=education') oCMenu.makeMenu('sub34','top3','Financial','content/page.asp?abk=financial') oCMenu.makeMenu('sub35','top3','Transportation','content/page.asp?abk=transportation') oCMenu.makeMenu('sub36','top3','Government','content/page.asp?abk=government') oCMenu.makeMenu('top4','','','','','','',"images/layout/layout-a_07.gif","images/layout/layout-b_07.gif",'','','','','','',"MM_swapImage('Image7','','images/layout/layout-b_07.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('sub40','top4','Solutions Integrator Login','content/page.asp?abk=integrators') oCMenu.makeMenu('top5','','','','','','',"images/layout/layout-a_08.gif","images/layout/layout-b_08.gif",'','','','','','',"MM_swapImage('Image8','','images/layout/layout-b_08.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('sub50','top5','Alliance Partner Login','content/page.asp?abk=partners') oCMenu.makeMenu('top6','','','content/page.asp?abk=careers','','','',"images/layout/layout-a_09.gif","images/layout/layout-b_09.gif",'','','','','','',"MM_swapImage('Image9','','images/layout/layout-b_09.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('top7','','','','','','',"images/layout/layout-a_10.gif","images/layout/layout-b_10.gif",'','','','','','',"MM_swapImage('Image10','','images/layout/layout-b_10.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('sub70','top7','Technical Support','content/page.asp?abk=supp_tech') oCMenu.makeMenu('sub71','top7','Sales Support','content/page.asp?abk=supp_sales') oCMenu.makeMenu('sub72','top7','Project Support','content/page.asp?abk=supp_project') oCMenu.makeMenu('top8','','','','','','',"images/layout/layout-a_11.gif","images/layout/layout-b_11.gif",'','','','','','',"MM_swapImage('Image11','','images/layout/layout-b_11.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('sub80','top8','Public Relations/Press Releases','content/page.asp?abk=pressreleases') oCMenu.makeMenu('sub81','top8','Calendar & Events','content/page.asp?abk=calendar') oCMenu.makeMenu('top9','','','','','','',"images/layout/layout-a_12.gif","images/layout/layout-b_12.gif",'','','','','','',"MM_swapImage('Image12','','images/layout/layout-b_12.gif',1)","MM_swapImgRestore()") oCMenu.makeMenu('sub90','top9','Corporate Headquarters','content/page.asp?abk=contact') //Leave this line - it constructs the menu oCMenu.construct()