/***************************************************************************** Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com) DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com Version 4.0_beta This script can be used freely as long as all copyright messages are intact. Extra info - Coolmenus reference/help - Extra links to help files **** CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37 General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35 Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47 Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48 Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49 Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50 ******************************************************************************/ /*** 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 oM=new makeCM("oM") //Making the menu object. Argument: menuname oM.frames = 0 //Menu properties oM.pxBetween=30 oM.fromLeft=20 oM.fromTop=0 oM.rows=1 oM.menuPlacement="center" oM.offlineRoot="C:\Inetpub\sites\mom\ASSOCIATION\" oM.onlineRoot="/" oM.resizeCheck=1 oM.wait=1000 oM.fillImg="images/spacer.gif" oM.zIndex=300 //Background bar properties oM.useBar=1 oM.barWidth="100%" oM.barHeight="menu" oM.barClass="clBar" oM.barX=0 oM.barY=0 oM.barBorderX=0 oM.barBorderY=0 oM.barBorderClass="" //Level properties - ALL properties have to be spesified in level 0 oM.level[0]=new cm_makeLevel() //Add this for each new level oM.level[0].width=110 oM.level[0].height=25 oM.level[0].regClass="clLevel0" oM.level[0].overClass="clLevel0over" oM.level[0].borderX=1 oM.level[0].borderY=1 oM.level[0].borderClass="clLevel0border" oM.level[0].offsetX=0 oM.level[0].offsetY=0 oM.level[0].rows=0 oM.level[0].arrow=0 oM.level[0].arrowWidth=0 oM.level[0].arrowHeight=0 oM.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 oM.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number) oM.level[1].width=oM.level[0].width-2 oM.level[1].height=22 oM.level[1].regClass="clLevel1" oM.level[1].overClass="clLevel1over" oM.level[1].borderX=1 oM.level[1].borderY=1 oM.level[1].align="right" oM.level[1].offsetX=-(oM.level[0].width-2)/2+20 oM.level[1].offsetY=0 oM.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 oM.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number) oM.level[2].width=150 oM.level[2].height=20 oM.level[2].offsetX=0 oM.level[2].offsetY=0 oM.level[2].regClass="clLevel2" oM.level[2].overClass="clLevel2over" oM.level[2].borderClass="clLevel2border"*/ //Menu object creation oM=new makeCM("oM"); //Menu properties oM.pxBetween=0; oM.fromLeft=0; oM.fromTop=106; oM.rows=0; oM.menuPlacement=0; //oM.offlineRoot="C:\Inetpub\sites\mom\ASSOCIATION\"; oM.onlineRoot="/"; oM.resizeCheck=1 ; oM.wait=500; oM.fillImg="images/spacer.gif"; oM.zIndex=400; //Background bar properties oM.useBar=0; oM.barWidth=0; oM.barHeight=0; oM.barClass="clBar"; oM.barX=0; oM.barY=0; oM.barBorderX=0; oM.barBorderY=0; oM.barBorderClass=""; //myCoolMenu.level[x]=new cm_makeLevel(width, height, regClass, overClass, borderX, borderY, borderClass, rows, align, offsetX, offsetY, arrow, arrowWidth, arrowHeight) //oM.level[0]=new oM.level[0]=new cm_makeLevel(153,300,"clLevel0","clLevel0over",.001,.001,0,0,"bottom",158,-26,0,0,0); oM.level[1]=new cm_makeLevel(170,18,"clLevel1","clLevel1over",1,1,"clB",0,"right",0,0,0,10,10); /****************************************** Menu item creation: myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass, align, rows, nolink, onclick, onmouseover, onmouseout) *************************************/ oM.makeMenu('m1','','', 'kids_hub/index.htm','','153','44','images/nav/kids_hub_off.gif','images/nav/kids_hub_on.gif','Kids Hub'); oM.makeMenu('m10','m1','Meet Inside Out Kids','kids_hub/meet_io_kids.htm'); oM.makeMenu('m11','m1','Art Gallery','kids_hub/art_gallery.htm'); oM.makeMenu('m12','m1','Prose and Poetry Power','kids_hub/poetry_power.htm'); oM.makeMenu('m13','m1','Multi-media','kids_hub/multi-media.htm'); oM.makeMenu('m14','m1','Be an Alumni Mentor','kids_hub/alumni_mentor.htm'); oM.makeMenu('m15','m1','What is ACTTING-LA?','kids_hub/actting-la.htm'); oM.makeMenu('m16','m1','Cool Links','kids_hub/cool_links.htm'); oM.makeMenu('m17','m1','Extra Credit','kids_hub/extracredit.htm'); oM.makeMenu('m2','','', 'about_us/index.htm','','153','26','images/nav/about_us_off.gif','images/nav/about_us_on.gif','About Us'); oM.makeMenu('m20','m2','Who We Serve','about_us/who_we_serve.htm'); oM.makeMenu('m21','m2','Major Funding Sources','about_us/major_funding.htm'); oM.makeMenu('m22','m2','Historic Funders','about_us/historic_funders.htm'); oM.makeMenu('m23','m2','Our History','about_us/our_history.htm'); oM.makeMenu('m24','m2','Programs','about_us/programs.htm'); oM.makeMenu('m25','m2','Who We Are','about_us/who_we_are.htm'); oM.makeMenu('m26','m2','What They\'re Saying','about_us/what_theyre_saying.htm'); oM.makeMenu('m27','m2','FAQ','about_us/faq.htm'); oM.makeMenu('m3','','', 'for_educators/index.htm','','153','26','images/nav/for_educators_off.gif','images/nav/for_educators_on.gif','For Educators'); oM.makeMenu('m30','m3','What They\'re Saying','for_educators/what_theyre_saying.htm'); oM.makeMenu('m31','m3','Sample Schedule','for_educators/sample_schedule.htm'); oM.makeMenu('m32','m3','Consulting / In-Service','for_educators/consulting_in-service.htm'); oM.makeMenu('m33','m3','Programs','for_educators/programs.htm'); oM.makeMenu('m34','m3','Program Evaluation','for_educators/program_evaluation.htm'); oM.makeMenu('m4','','', 'get_involved/index.htm','','153','26','images/nav/get_involved_off.gif','images/nav/get_involved_on.gif','Get Involved'); oM.makeMenu('m40','m4','Youth & Family Courtyard','http://www.abbotkinney.org/youthfamilycourtyard.html'); oM.makeMenu('m41','m4','Join Our Artistic Team','get_involved/join_our_artistic_team.htm'); oM.makeMenu('m42','m4','Give Some Time','get_involved/give_time.htm'); oM.makeMenu('m43','m4','Make a Purchase','get_involved/make_purchase.htm'); oM.makeMenu('m5','','', 'calendar/index.htm','','153','26','images/nav/calendar_off.gif','images/nav/calendar_on.gif','Calendar'); oM.makeMenu('m6','','', 'donate/index.htm','','153','26','images/nav/donate_off.gif','images/nav/donate_on.gif','Donate'); oM.makeMenu('m60','m6','Make a Donation','donate/make_donation.htm'); oM.makeMenu('m61','m6','Corporate Giving','donate/corporate_giving.htm'); oM.makeMenu('m62','m6','Individual Sponsorship','donate/individual_sponsorship.htm'); oM.makeMenu('m63','m6','Grant a Wish','donate/grant_wish.htm'); oM.makeMenu('m7','','', 'store/index.htm','','153','26','images/nav/store_off.gif','images/nav/store_on.gif','Store'); oM.construct();