// 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 (TransMenu.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 TransMenuSet(TransMenu.direction.down, 1, 0, TransMenu.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("nav_home")); menu1.addItem("Message from the Mayor", ""); menu1.addItem("Mayor and Town Council", ""); menu1.addItem("Town Manager", ""); menu1.addItem("Treasurer", ""); menu1.addItem("Meetings & Agendas", ""); menu1.addItem("Engineering & Public Works", ""); menu1.addItem("Office of Zoning & Planning", ""); // send no URL if nothing should happen onclick var submenu0 = menu1.addMenu(menu1.items[6]); submenu0.addItem("Planning Commision", "http://youngpup.net/italy/photos/cinqueterre/104_0458.jpg"); submenu0.addItem("Board of Zoning Appeals", "http://youngpup.net/italy/photos/cinqueterre/thumb/104_0474.jpg"); submenu0.addItem("Forms", "http://youngpup.net/italy/photos/cinqueterre/104_0472.jpg"); submenu0.addItem("Ordinances", "http://youngpup.net/italy/photos/cinqueterre/105_0522.jpg"); */ //var submenu00 = submenu0.addMenu(submenu0.items[0]); //submenu00.addItem("foo"); //submenu00.addItem("bar"); //================================================================================================== //================================================================================================== var menu1 = ms.addMenu(document.getElementById("nav_designs")); menu1.addItem("Rectangle", "rectangles.php"); menu1.addItem("Kidney", "kidney.php"); // send no URL if nothing should happen onclick menu1.addItem("Custom", "custom.php"); menu1.addItem("Classic", "classic.php"); menu1.addItem("Freeform", "free-form.php"); menu1.addItem("Lap Pools", "lap-pools.php"); menu1.addItem("Hydro Zone™", "hydro-zone.php"); menu1.addItem("Spas", "spas.php"); //submenu00.addItem("bar"); //================================================================================================== //================================================================================================== var menu2 = ms.addMenu(document.getElementById("nav_features")); menu2.addItem("Colors", "colors.php"); menu2.addItem("Kaleido-Center", "kaleido-center.php"); menu2.addItem("Lighting", "lighting.php"); menu2.addItem("In-Floor Cleaning", "in-floor-cleaning.php"); menu2.addItem("Pool Tiles", "perimeter-inlayed-tile.php"); menu2.addItem("Custom Tile Work", "custom-tile-work.php"); menu2.addItem("Mosaics", "mosaics.php"); menu2.addItem("Cascades", "cascades.php"); menu2.addItem("Streams", "streams.php"); menu2.addItem("Vanishing Edges", "vanishing-edges.php"); menu2.addItem("Aromatherapy", "aromatherapy.php"); menu2.addItem("Modular Units", "modular-units.php"); menu2.addItem("Construction", "f-construction.php"); menu2.addItem("Ultra Cover", "ultra-cover.php"); menu2.addItem("Adv. Safety Cover", "advanced-safety-cover.php"); //================================================================================================== //================================================================================================== var menu3 = ms.addMenu(document.getElementById("nav_advantages")); menu3.addItem("Inspire by Viking", "inspired-by-viking.php"); menu3.addItem("A.C.P", "a-c-p.php"); menu3.addItem("Manufacturing", "manufacturing.php"); menu3.addItem("Installation", "installation.php"); menu3.addItem("Advantage", "advantage.php"); menu3.addItem("Pros/Cons", "pros-cons.php"); menu3.addItem("Comparison Analysis", "comparison-analysis.php"); menu3.addItem("ICC Certified", "icc-certified.php"); menu3.addItem("Eco-Friendly", "eco-friendly.php"); menu3.addItem("Lifetime Warranty", "warranty.php"); menu3.addItem("Winterization Info", "winterization-info.php"); menu3.addItem("Pool Safety", "pool-safety.php"); menu3.addItem("Dealer Disclaimer", "dealer-disclaimer.php"); //menu3.addItem("site considerations", "considerations.php"); //================================================================================================== //================================================================================================== var menu4 = ms.addMenu(document.getElementById("nav_spotlight")); menu4.addItem("Featured Pools", "featured-pools.php"); menu4.addItem("Pool of the Yr.-Qtr.", "pool-of-the-quarter.php"); menu4.addItem("Trinidad", "trinidad.php"); menu4.addItem("Fiji","fiji.php"); menu4.addItem("Pool & Spa Combos","pool-spa-combo.php"); menu4.addItem("Outdoor Living Spaces", "outdoor-living-spaces.php"); menu4.addItem("Cool Water Features", "water-features.php"); menu4.addItem("Grottos", "grottos.php"); menu4.addItem("Raised Bond Beams", "raised-bond-beams.php"); menu4.addItem("Water Falls", "water-falls.php"); menu4.addItem("Luxury Landscape", "landscape.php"); menu4.addItem("Unique Deck Designs", "deck-designs.php"); menu4.addItem("Customer Testimonials", "testimonials.php"); menu4.addItem("Ask The Experts", "ask-the-expert.php"); //================================================================================================== //================================================================================================== var menu5 = ms.addMenu(document.getElementById("nav_events")); menu5.addItem("News", "news.php"); menu5.addItem("Awards", "awards.php"); menu5.addItem("Viking Gives Back", "viking-gives-back.php"); menu5.addItem("As Seen on TV","seen-on-tv.php"); menu5.addItem("On The Big Screen", "on-big-screen.php"); //================================================================================================== //================================================================================================== var menu6 = ms.addMenu(document.getElementById("nav_contact")); menu6.addItem("Find A Dealer", "find-dealer.php"); menu6.addItem("Become A Dealer", "dealership-opportunities.php"); menu6.addItem("Customer Service", "customer-service.php"); menu6.addItem("Warranty Questions","warranty-questions.php"); menu6.addItem("Technical Issues","technical-issues.php"); menu6.addItem("VP Careers", "career-opportunities.php"); menu6.addItem("Partners", "partners.php"); menu6.addItem("Social Networking", "social-networking.php"); menu6.addItem("FAQ", "faq.php"); menu6.addItem("Request a Catalog", "request-catalog.php"); menu6.addItem("Dealer Login", "http://dealers.vikingpools.net/dealer-login.cfm"); //================================================================================================== //================================================================================================== // 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. //================================================================================================== TransMenu.renderAll(); }