// 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("menu_about")); menu1.addItem("What\'s Keetsa?", "http://keetsa.com/about/Keetsa/"); menu1.addItem("How Keetsa is Eco-Friendly?", "http://keetsa.com/about/"); menu1.addItem("Keetsa Quality and Price", "http://keetsa.com/about/quality/"); menu1.addItem("Keetsa Recycle Information", "http://keetsa.com/about/products/"); //menu1.addItem("Keetsa Show Room", "http://keetsa.com/about/showroom/"); //menu1.addItem("Who is Keetsa?", "http://keetsa.com/about/team/"); menu1.addItem("Exchange & Warranty", "http://keetsa.com/contact/delivery/"); menu1.addItem("Terms & Conditions", "http://keetsa.com/contact/terms/"); menu1.addItem("FAQ", "http://keetsa.com/faq/"); //var submenu0 = menu1.addMenu(menu1.items[1]); //submenu0.addItem("Mattress In a Box", "http://keetsa.com/about/mattress/"); //submenu0.addItem("Keetsa Quotient™", "http://keetsa.com/about/quotient/"); //submenu0.addItem("Evergreen™ Foam", "http://keetsa.com/about/green-tea/"); //submenu0.addItem("Silver Science™", "http://keetsa.com/about/silver-science/"); //================================================================================================== //================================================================================================== var menu2 = ms.addMenu(document.getElementById("menu_blog")); menu2.addItem("All about eco-friendly news", "http://keetsa.com/blog/"); //================================================================================================== //================================================================================================== var menu3 = ms.addMenu(document.getElementById("menu_shop")); menu3.addItem("Keetsa Shop", "http://shop.keetsa.com/"); //menu3.addItem("Find your Mattress with MatchWizard", "http://www.keetsa.com/match/"); //menu3.addItem("Mattresses", "http://shop.keetsa.com/collections/mattresses/"); //menu3.addItem("Pillows", "http://shop.keetsa.com/collections/pillows/"); //menu3.addItem("Protectors", "http://shop.keetsa.com/collections/protectors/"); //menu3.addItem("Foundations", "http://shop.keetsa.com/collections/foundations/"); //menu3.addItem("Comfort Layers", "http://shop.keetsa.com/collections/mattress-toppers/"); //menu3.addItem("Bamboo sheet", "http://shop.keetsa.com/products/bamboo-sheet-set"); //menu3.addItem("Keetsa GREEN TEA", "http://shop.keetsa.com/products/keetsa-green-tea"); //서브 메뉴 없는 것이 두개 추가되어 배열 2부터 시작 /*var submenu2 = menu3.addMenu(menu3.items[1]); var submenu3 = menu3.addMenu(menu3.items[2]); var submenu_protectors = menu3.addMenu(menu3.items[3]); var submenu_foundations = menu3.addMenu(menu3.items[4]); var submenu_toppers = menu3.addMenu(menu3.items[5]); submenu2.addItem("The Keetsa Latex", "http://shop.keetsa.com/products/the-keetsa-latex"); submenu2.addItem("The Keetsa Plus", "http://shop.keetsa.com/products/the-keetsa-plus"); submenu2.addItem("The Keetsa Pillow Soft", "http://shop.keetsa.com/products/the-keetsa-pillow-soft"); submenu2.addItem("The Keetsa Cloud", "http://shop.keetsa.com/products/the-keetsa-cloud"); submenu2.addItem("Tea Leaf Classic", "http://shop.keetsa.com/products/tea-leaf-classic"); submenu2.addItem("Tea Leaf Supreme", "http://shop.keetsa.com/products/tea-leaf-supreme"); submenu2.addItem("Tea Leaf Dream", "http://shop.keetsa.com/products/tea-leaf-dream"); submenu2.addItem("Tea Leaf Select", "http://shop.keetsa.com/products/tea-leaf-select"); submenu3.addItem("Tea Leaf Contour Pillow", "http://shop.keetsa.com/products/tea-leaf-contour-pillow"); submenu3.addItem("Tea Leaf Traditional Pillow", "http://shop.keetsa.com/products/tea-leaf-traditional-pillow"); submenu3.addItem("Keetsa Latex Pillow", "http://shop.keetsa.com/products/latex-pillow"); submenu3.addItem("Down-Alternative Memory Foam Pillow", "http://shop.keetsa.com/products/down-alternative-pillow"); submenu3.addItem("Soft Contour Pillow", "http://shop.keetsa.com/products/soft-contour-pillow"); submenu3.addItem("Soft Dual-Sided Pillow", "http://shop.keetsa.com/products/soft-dual-sided-pillow"); submenu3.addItem("Body Pillow", "http://shop.keetsa.com/products/body-pillow"); submenu_protectors.addItem("Pillow Protector", "http://shop.keetsa.com/products/pillow-protector"); submenu_protectors.addItem("Mattress Protector", "http://shop.keetsa.com/products/mattress-protector"); submenu_protectors.addItem("Organic Cotton Pillow Protector", "http://shop.keetsa.com/products/cotton-pillow-protector"); submenu_protectors.addItem("Organic Cotton Mattress Protector", "http://shop.keetsa.com/products/cotton-mattress-protector"); submenu_foundations.addItem("Keetsa Bed Frame", "http://shop.keetsa.com/products/keetsa-bed-frame"); submenu_foundations.addItem("Keetsa Wooden Foundation", "http://shop.keetsa.com/products/keetsa-wooden-foundation"); submenu_toppers.addItem("Keetsa Latex Comfort Layers", "http://shop.keetsa.com/products/latex-comfort-layer"); submenu_toppers.addItem("Keetsa Dual Sided Comfort Layers", "http://shop.keetsa.com/products/dual-sided-topper"); submenu_toppers.addItem("Keetsa Luxurious Comfort Layers", "http://shop.keetsa.com/products/keetsa-3-luxurious-topper"); submenu_toppers.addItem("Rejuvenator", "http://shop.keetsa.com/products/keetsa-rejuvenator"); */ //================================================================================================== //================================================================================================== var menu4 = ms.addMenu(document.getElementById("menu_account")); menu4.addItem("My Shopping Cart", "http://shop.keetsa.com/cart"); //menu4.addItem("FAQ", "http://keetsa.com/faq/"); //menu4.addItem("Exchange & Warranty", "http://keetsa.com/contact/delivery/"); //menu4.addItem("Terms & Conditions", "http://keetsa.com/contact/terms/"); //menu4.addItem("FAQ", "http://keetsa.com/faq/"); //================================================================================================== //================================================================================================== var menu5 = ms.addMenu(document.getElementById("menu_contact")); menu5.addItem("Show Room Location", "http://keetsa.com/about/showroom/"); menu5.addItem("Retailers Location", "http://keetsa.com/about/retailers/"); //menu5.addItem("FAQ", "http://keetsa.com/faq/"); menu5.addItem("Reviews on Yelp", "http://keetsa.com/contact/review/"); //menu5.addItem("Ask Keetsa", "http://keetsa.com/about/question/"); menu5.addItem("Keetsa News OnAir", "http://keetsa.com/onair/blog/"); menu5.addItem("Keetsa TOGO", "http://keetsa.com/contact/photo/"); //menu5.addItem("Keetsa Press", "http://keetsa.com/contact/press/"); menu5.addItem("Site Map", "http://keetsa.com/contact/sitemap/"); //added by andy 2008.03.24 //menu5.addItem("Questions", "http://keetsa.com/about/question/"); //================================================================================================== //================================================================================================== // 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(); }