// JavaScript Document /*** 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. **/ //Menu object creation var oCMenu=new makeCM("oCMenu")//Making the menu object. Argument: menuname oCMenu.pxBetween =0 oCMenu.fromTop=0 oCMenu.fromLeft=0 oCMenu.menuPlacement="left" oCMenu.wait=1000 //oCMenu.regClass="clT_pr" //oCMenu.overClass="clTover_pr" //oCMenu.borderClass="clB2_pr" oCMenu.fillImg="cm_fill.gif" oCMenu.zIndex=100 oCMenu.resizeCheck=1 //oCMenu.zIndex=100 oCMenu.onlineRoot="/" oCMenu.offlineRoot="file:///D|/work/IMAGE@Shree/ImageEdu-WEB/web/coolmenus/" oCMenu.rows=1 //Background bar properties //Menu properties //Background bar properties oCMenu.useBar=0 /*oCMenu.barWidth="100%" 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=165 oCMenu.level[0].height=22 oCMenu.level[0].borderX=0 oCMenu.level[0].borderY=0 oCMenu.level[0].regClass="clT" oCMenu.level[0].overClass="clTover" oCMenu.level[0].borderClass="clB2" 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="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=165 oCMenu.level[1].height=22 oCMenu.level[1].borderX=1 oCMenu.level[1].borderY=1 oCMenu.level[1].align="bottomright" oCMenu.level[1].offsetX=oCMenu.level[0].width-20 //-(oCMenu.level[0].width-2)/2+20 oCMenu.level[1].offsetY= -oCMenu.level[0].height-2 oCMenu.level[1].regClass="clS" oCMenu.level[1].overClass="clSover" oCMenu.level[1].borderClass="clB1" oCMenu.level[1].arrow="coolmenus/arrow.gif" oCMenu.level[1].arrowWidth=9 oCMenu.level[1].arrowHeight=7 //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=22 oCMenu.level[2].align="bottomright" oCMenu.level[2].offsetX=50 oCMenu.level[2].offsetY=-oCMenu.level[1].height-2 oCMenu.level[2].regClass="clS" oCMenu.level[2].overClass="clSover" oCMenu.level[2].borderClass="clB1" oCMenu.level[2].arrow="coolmenus/arrow.gif" oCMenu.level[2].arrowWidth=9 oCMenu.level[2].arrowHeight=7 //oCMenu.level[3]=new cm_makeLevel(0,0,"","",1,1,"clB1",0,"left") oCMenu.level[3]=new cm_makeLevel() //oCMenu.level[3].width=165 oCMenu.level[3].height=22 oCMenu.level[3].offsetX=oCMenu.level[3].width-2 oCMenu.level[3].offsetY=-oCMenu.level[3].height-2 oCMenu.level[3].align="bottomright" oCMenu.level[3].regClass="clS" oCMenu.level[3].overClass="clSover" oCMenu.level[3].borderClass="clB1" oCMenu.level[3].arrow="coolmenus/arrow.gif" oCMenu.level[3].arrowWidth=9 oCMenu.level[3].arrowHeight=7 oCMenu.level[4]=new cm_makeLevel() oCMenu.level[4].offsetX=20 //oCMenu.level[4].offsetY=-oCMenu.level[4].height-20 oCMenu.level[4].align="bottomright" oCMenu.level[4].regClass="clS" oCMenu.level[4].overClass="clSover" oCMenu.level[4].borderClass="clB1" oCMenu.level[4].arrow="coolmenus/arrow.gif" oCMenu.level[4].arrowWidth=9 oCMenu.level[4].arrowHeight=7 /****************************************** 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','','','index.php','','62','24','coolmenus/home0.gif','coolmenus/home1.gif') oCMenu.makeMenu('top1','','','content.php?page=au_aboutus','','102','24','coolmenus/about0.gif','coolmenus/about1.gif') oCMenu.makeMenu('sub10','top1','Our Mission & Vision','content.php?page=au_omv') oCMenu.makeMenu('sub11','top1','The Institute','content.php?page=au_institute') oCMenu.makeMenu('sub12','top1',"Director's Message",'content.php?page=au_dm') oCMenu.makeMenu('sub13','top1',"Career",'content.php?page=au_career') oCMenu.makeMenu('top2','','','','','144','24','coolmenus/lnk3_0.gif','coolmenus/lnk3_1.gif') oCMenu.makeMenu('sub20','top2','Professional Programmes','content2.php?page=pq_cfa') oCMenu.makeMenu('sub200','sub20','CFA','content.php?page=pq_cfa') oCMenu.makeMenu('sub201','sub20','ACCA','content.php?page=pq_acca') oCMenu.makeMenu('sub202','sub20','CAT','content.php?page=pq_cat') oCMenu.makeMenu('sub21','top2','Diploma Programmes','content.php?page=diploma') oCMenu.makeMenu('sub210','sub21','Executive Advanced Diploma in Finance','content.php?page=diploma_02','','',32) oCMenu.makeMenu('sub211','sub21','Diploma in Finance','content.php?page=diploma_03') oCMenu.makeMenu('sub212','sub21','Professional Diploma in marketing','content.php?page=diploma_01') oCMenu.makeMenu('sub213','sub21','IMAGE Certified Professional Diploma','content.php?page=diploma','','',32) oCMenu.makeMenu('sub22','top2','Certificate Programmes','content.php?page=Cert_01') oCMenu.makeMenu('sub220','sub22','Computer Fundamentals','content.php?page=Cert_01') oCMenu.makeMenu('sub221','sub22','Office Specialist','content.php?page=Cert_02') oCMenu.makeMenu('sub222','sub22','Programmer','content.php?page=Cert_03') oCMenu.makeMenu('sub223','sub22','Web Designer','content.php?page=Cert_04') oCMenu.makeMenu('sub224','sub22','Database Designer','content.php?page=Cert_05') oCMenu.makeMenu('top3','','','content.php?page=ss','','151','24','coolmenus/lnk4_0.gif','coolmenus/lnk4_1.gif') oCMenu.makeMenu('sub30','top3','Case Trust','content.php?page=ss_casetrust') oCMenu.makeMenu('sub31','top3','Student Protection Scheme','content.php?page=ss_sps') oCMenu.makeMenu('sub32','top3','Services','content.php?page=ss') oCMenu.makeMenu('top4','','','','','104','24','coolmenus/lnk5_0.gif','coolmenus/lnk5_1.gif') oCMenu.makeMenu('sub40','top4','Upcoming Events','content.php?page=rs_events') oCMenu.makeMenu('sub41','top4','News','content.php?page=rs_news') oCMenu.makeMenu('sub42','top4','In the Media','content.php?page=rs_media') oCMenu.makeMenu('top5','','','content.php?page=contactus','','107','24','coolmenus/lnk6_0.gif','coolmenus/lnk6_1.gif') oCMenu.makeMenu('sub50','top5','Address & Email','content.php?page=cu_contactus') oCMenu.makeMenu('sub51','top5','Online Application Form','content.php?page=cu_eform') //Leave this line - it constructs the menu oCMenu.construct() //Extra code to find position: function findPos(num){ //alert(num) if(bw.ns4){ //Netscape 4 x = document.layers["layerMenu"+num].pageX y = document.layers["layerMenu"+num].pageY }else{ //other browsers x=0; y=0; var el,temp el = bw.ie4?document.all["divMenu"+num]:document.getElementById("divMenu"+num); 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] } function placeElements(){ //Changing the position of ALL top items: pos = findPos(0) oCMenu.m["top0"].b.moveIt(pos[0],pos[1]) pos = findPos(1) oCMenu.m["top1"].b.moveIt(pos[0],pos[1]) pos = findPos(2) oCMenu.m["top2"].b.moveIt(pos[0],pos[1]) pos = findPos(3) oCMenu.m["top3"].b.moveIt(pos[0],pos[1]) pos = findPos(4) oCMenu.m["top4"].b.moveIt(pos[0],pos[1]) pos = findPos(5) oCMenu.m["top5"].b.moveIt(pos[0],pos[1]) //Setting the fromtop value oCMenu.fromTop = pos[1] } placeElements() //Setting it to re place the elements after resize - the resize is not perfect though.. oCMenu.onafterresize="placeElements()"