// set up drop downs anywhere in the body of the page. I think the bottom of the page is better.. // but you can experiment with effect on loadtime. if (mtDropDown.isSupported()) { //================================================================================================== // create a set of dropdowns //================================================================================================== // the first param should always be down, as it is here // // The second and third param are the top and left offset positions of the menus from their actuators // respectively. To make a menu appear a little to the left and bottom of an actuator, you could use // something like -5, 5 // // The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner // of the actuator from which to measure the offset positions above. Here we are saying we want the // menu to appear directly below the bottom left corner of the actuator //================================================================================================== var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0, mtDropDown.reference.bottomLeft); //================================================================================================== // create a dropdown menu //================================================================================================== // the first parameter should be the HTML element which will act actuator for the menu //================================================================================================== var menu1 = ms.addMenu(document.getElementById("menu1")); menu1.addItem(" » The Keithville Krewe", "temp-chimp.cfm"); menu1.addItem(" » Our Mission", "about-mission.cfm"); menu1.addItem(" » Our History", "about-history.cfm"); menu1.addItem(" » The Sanctuary", "about-sanctuary.cfm"); menu1.addItem(" » Meet The Staff", "about-staff.cfm"); menu1.addItem(" » Our Boards", "about-boards.cfm"); menu1.addItem(" » FAQs", "faq.cfm"); menu1.addItem(" » Job Seekers", "about-job.cfm"); // menu1.addItem("       » Current Openings", "about-job.cfm"); // menu1.addItem("       » Application", "about-boards.cfm"); menu1.addItem(" » Contact Us", "contact-us.cfm"); menu1.addItem(" » Driving Directions", "about-driving.cfm"); menu1.addItem(" » Companies That Help Chimp Haven", "about-companies.cfm"); //menu1.addItem("       » Map With
         Downloadable PDF", "about-driving.cfm"); //menu1.addItem("       » Link/Picture To
         Microsoft Live Search", "about-driving.cfm"); //menu1.addItem("       » Google Maps", "http://maps.google.com/maps?hl=en&ie=UTF-8&q=chimp+haven&near=Shreveport,+LA&fb=1&cid=32344378,-93886618,4820207542819299000&li=lmd&z=14&t=m"); var menu2 = ms.addMenu(document.getElementById("menu2")); menu2.addItem(" » The Keithville Krewe", "temp-chimp.cfm"); menu2.addItem(" » Photo Gallery", "chimps-photo.cfm"); //temporarily removed //menu2.addItem(" » Meet the Chimps", "chimps-meet.cfm"); menu2.addItem(" » Chimp Facts", "chimps-facts.cfm"); //menu2.addItem("       » Facts", "chimps-facts1.cfm"); //menu2.addItem("       » Fast Facts", "chimps-fastfact.cfm"); menu2.addItem(" » Chimpanzees As Pets", "chimps-pets.cfm"); //menu2.addItem(" » Contact Us", "contact-us.cfm"); //menu2.addItem(" » Driving Directions", "about-driving.cfm"); var menu3 = ms.addMenu(document.getElementById("menu3")); //menu3.addItem(" Multimedia", "events-multimedia.cfm"); //menu3.addItem("       » Videos", "events-multimedia.cfm"); //menu3.addItem("       » Pod Casts", "events-multimedia.cfm"); //menu3.addItem("       » Chimp Cam", "events-multimedia.cfm"); menu3.addItem(" » Calendar of Events", "events-calendar.cfm"); //menu3.addItem("       » Calendar of Events", "events-multimedia.cfm"); //menu3.addItem("       » Activities", "events-multimedia.cfm"); //menu3.addItem("       » Special Events
         And Celebrations", "events-multimedia.cfm"); menu3.addItem(" » Contact Us", "contact-us.cfm"); menu3.addItem(" » Driving Directions", "about-driving.cfm"); var menu4 = ms.addMenu(document.getElementById("menu4")); //menu4.addItem(" » The Keithville Krewe", "temp-chimp.cfm"); //menu4.addItem(" » Ways to Donate", "donate-make.cfm"); menu4.addItem(" » Make a Donation", "donateForm.cfm"); //menu4.addItem(" » C.A.R.E", "donate-care.cfm"); //menu4.addItem(" » Rescue", "donate-rescue.cfm"); //menu4.addItem(" » Areas of Greatest Need", "donate-need.cfm"); //menu4.addItem(" » Corporate Partners", "donate-corporate.cfm"); //menu4.addItem(" » Legacy Society", "donate-legacy.cfm"); //menu4.addItem(" » krewe Membership", "support-krewe.cfm"); //menu4.addItem(" » Contact Us", "contact-us.cfm"); //menu4.addItem(" » Driving Directions", "about-driving.cfm"); //menu4.addItem("       » Krewe Membership", "donate-make.cfm"); //menu4.addItem("       » Workplace Giving", "donate-make.cfm"); //menu4.addItem("       » Memorial and Tributes", "donate-make.cfm"); //menu4.addItem("       » Gift Sponsorships", "donate-gifts.cfm"); //menu4.addItem(" » Making a Difference", "donate-difference.cfm"); var menu5 = ms.addMenu(document.getElementById("menu5")); menu5.addItem(" » Careers In Primatology", "education-career.cfm"); //menu5.addItem(" » Requesting A Field Trip", "education-trip.cfm"); //menu5.addItem(" » Request A Speaker", "education-speaker.cfm"); //menu5.addItem(" » Professional Resources
   and Training", "education-training.cfm"); menu5.addItem(" » Online Resources", "education-online.cfm"); menu5.addItem(" » Classrooms That C.A.R.E", "education-care.cfm"); menu5.addItem(" » Suggested Reading List", "education-reading.cfm"); //menu5.addItem(" » Contact Us", "contact-us.cfm"); //menu5.addItem(" » Driving Directions", "about-driving.cfm"); var menu6 = ms.addMenu(document.getElementById("menu6")); menu6.addItem(" » Learn About Chimpanzees", "kids-learn.cfm"); //menu6.addItem(" » Chimp Club Sponsorship", "kids-club.cfm"); menu6.addItem(" » Online Fun and Games", "kids-world.cfm"); //menu6.addItem("       » Take a Chimp Quiz", "kids-online.cfm"); //menu6.addItem("       » Coloring Pages", "kids-online.cfm"); //menu6.addItem("       » Solve a Jigsaw Puzzle", "kids-online.cfm"); //menu6.addItem("       » Send an E-Card", "kids-online.cfm"); //menu6.addItem("       » Kids Club", "kids-online.cfm"); //menu6.addItem(" » Contact Us", "contact-us.cfm"); //menu6.addItem(" » Driving Directions", "about-driving.cfm"); var menu7 = ms.addMenu(document.getElementById("menu7")); menu7.addItem(" » C.A.R.E", "donate-care.cfm"); //menu7.addItem("       » Bioqual", "involve-care.cfm"); //menu7.addItem("       » BCBD of Louisiana", "involve-care.cfm"); //menu7.addItem("       » Capital One Bank", "involve-care.cfm"); //menu7.addItem("       » Endangered Species
         Chocolate", "involve-care.cfm"); //menu7.addItem("       » JP Morgan Chase", "involve-care.cfm"); //menu7.addItem("       » Louisiana Office of Culture
         Recreation and Tourism", "involve-care.cfm"); //menu7.addItem("       » Rock Star Energy Drink", "involve-care.cfm"); menu7.addItem(" » Corporate Sponsorship", "involve-sponsor.cfm"); menu7.addItem(" » Classrooms That C.A.R.E", "involve-care.cfm"); menu7.addItem(" » Wish List", "involve-wish.cfm"); menu7.addItem(" » Volunteers", "involve-volunteer.cfm"); //menu7.addItem("       » Current Needs", "involve-volunteer.cfm"); //menu7.addItem("       » Application Form", "involve-volunteer.cfm"); //menu7.addItem("       » Education", "involve-volunteer.cfm"); //menu7.addItem("       » Teen Volunteers", "involve-volunteer.cfm"); //menu7.addItem(" » Chimp Parties", "involve-parties.cfm"); //menu7.addItem(" » Contact Us", "contact-us.cfm"); //menu7.addItem(" » Driving Directions", "about-driving.cfm"); var menu8 = ms.addMenu(document.getElementById("menu8")); menu8.addItem(" » Headlines", "news-headlines.cfm"); menu8.addItem(" » News Archives", "news-headlines-archieve.cfm"); menu8.addItem(" » Newsletter", "news-newsletter.cfm"); //menu8.addItem(" » Contact Us", "contact-us.cfm"); //menu8.addItem(" » Driving Directions", "about-driving.cfm"); //menu8.addItem("       » Current Headlines", "news-headlines.cfm"); //menu8.addItem("       » Current Newsletter", "news-newsletter.cfm"); //menu8.addItem("       » Archives", "news-newsletter.cfm"); var menu9 = ms.addMenu(document.getElementById("menu9")); menu9.addItem(" » Chimp Haven Store", "gift-haven.cfm"); //menu9.addItem(" » Endangered Species Chocolate", "http://www.chocolatebar.com/"); //menu9.addItem(" » Virginia Ross Originals", "http://www.virginiarossoriginals.com/index.php"); //menu9.addItem(" » My Garb", "http://www.mygarb.com/chimphaven/"); menu9.addItem(" » Fun Ways To Suport Chimp Haven", "gift-fun.cfm"); //menu9.addItem(" » Contact Us", "contact-us.cfm"); //menu9.addItem(" » Driving Directions", "about-driving.cfm"); //menu9.addItem("       » On-Line Products", "gift-cool.cfm"); //menu9.addItem(" Cool Links", "gift-cool.cfm"); /*** var subMenu8 = menu8.addMenu(menu8.items[1]); subMenu8.addItem("• Motorcycle", "#"); subMenu8.addItem("• K-9 Unit", "#"); subMenu8.addItem("• Dispatch Center", "#"); subMenu8.addItem("• Reserve", "#"); subMenu8.addItem("• SWAT", "#"); subMenu8.addItem("• Marine", "#"); subMenu8.addItem("• Dive Team", "#"); ***/ //================================================================================================== /* var menu2 = ms.addMenu(document.getElementById("menu2")); menu2.addItem("» Sub Menu Link", "#"); menu2.addItem("» Sub Menu Link", "#"); menu2.addItem("» Sub Menu Link", "#"); //================================================================================================== var menu3 = ms.addMenu(document.getElementById("menu3")); menu3.addItem("» Sub Menu Link", "#"); menu3.addItem("» Sub Menu Link", "#"); menu3.addItem("» Sub Menu Link", "#"); //================================================================================================== var menu4 = ms.addMenu(document.getElementById("menu4")); menu4.addItem("» Sub Menu Link", "#"); menu4.addItem("» Sub Menu Link", "#"); menu4.addItem("» Sub Menu Link", "#"); */ //================================================================================================== // add a sub-menu //================================================================================================== // to add a sub menu to an existing menu object, call it's addMenu method and pass it the item from // the parent menu which should act as it's actuator. To add a submenu to the fourth item of a menu // called "theMenu", you would do theMenu.addMenu(theMenu.items[3]) //================================================================================================== //var subMenu1 = menu1.addMenu(menu1.items[0]); //subMenu1.addItem("• List Active Logs", "#"); //subMenu1.addItem("• Search for Logs", "#"); // menu : Get Started //var menu2 = ms.addMenu(document.getElementById("menu2")); //menu2.addItem("- Mission & Values", "#"); // send no URL if nothing should happen onclick //menu2.addItem("- History", "#"); // send no URL if nothing should happen onclick //menu2.addItem("- FAQs", "#"); // send no URL if nothing should happen onclick //================================================================================================== // write drop downs into page //================================================================================================== // this method writes all the HTML for the menus into the page with document.write(). It must be // called within the body of the HTML page. //================================================================================================== mtDropDown.renderAll(); }