// 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")); //================================================================================================== //================================================================================================== // 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 menu2 = ms.addMenu(document.getElementById("menu2")); menu2.addItem("View Suit Fabrics", ""); var submenu21 = menu2.addMenu(menu2.items[0]); submenu21.addItem("Exclusive Collections",""); submenu21.addItem("Superior Collections",""); submenu21.addItem("Platinum Collections",""); submenu21.addItem("Masters Collections",""); // exclusive var submenu221 = submenu21.addMenu(submenu21.items[0]); submenu221.addItem("Linen Crepe","suiting-exclusive-linen-crepe.html"); submenu221.addItem("Microfiber","suiting-exclusive-microfiber.html"); submenu221.addItem("Raw Silk","suiting-exclusive-raw-silk.html"); submenu221.addItem("Tropical Merino Cashmere","suiting-exclusive-tropical-merino-cashmere.html"); // superior var submenu221 = submenu21.addMenu(submenu21.items[1]); submenu221.addItem("Italian Cotton","suiting-superior-italian-cotton.html"); submenu221.addItem("Silk Cashmere - Luiciano","suiting-superior-silk-cashmere-luiciano.html"); submenu221.addItem("Striped Wool - Willam Wallace","suiting-superior-striped-wool-william-wallace.html"); submenu221.addItem("Wool Cashmere - Flanel","suiting-superior-wool-cashmere-flanel.html"); submenu221.addItem("Wool Cashmere - Tollegno","suiting-superior-wool-cashmere-tollegno.html"); submenu221.addItem("Wool Cashmere - Tollegno 1900","suiting-superior-wool-cashmere-tollegno-1900.html"); submenu221.addItem("Suiting by Walton","suiting-superior-walton.html"); // patinium var submenu221 = submenu21.addMenu(submenu21.items[2]); submenu221.addItem("Italian Cashmere Overcoat","suiting-platinum-italian-cashmere-overcoat.html"); submenu221.addItem("Striped Wool - Savile","suiting-platinum-striped-wool-savile.html"); submenu221.addItem("Super 140 - Rossini","suiting-platinum-super-140-rossini.html"); submenu221.addItem("Wool Cashmere - Naxos","suiting-platinum-wool-cashmere-naxos.html"); submenu221.addItem("Scott England","suiting-platinum-scott-england.html"); // masters var submenu221 = submenu21.addMenu(submenu21.items[3]); submenu221.addItem("Salvatore Ferrino 5","suiting-masters-salvatore-ferrino-5.html"); submenu221.addItem("Finest 140's Cashmerino","suiting-masters-finest-140s-cashmerino.html"); submenu221.addItem("100% Wool - Lanificio Ferrino No2","suiting-masters-100-wool-suiting-no2-lanificio-ferrino.html"); submenu221.addItem("100% Wool - Lanificio Ferrino No4","suiting-masters-100-wool-suiting-no4-lanificio-ferrino.html"); submenu221.addItem("100% Wool - Lanificio Ferrino No6","suiting-masters-100-wool-suiting-no6-lanificio-ferrino.html"); submenu221.addItem("100% Wool - No5","suiting-masters-100-wool-suiting-no5.html"); submenu221.addItem("Bruno McKenzie No2","suiting-masters-bruno-mckenzie-2.html"); menu2.addItem("View Shirt Fabrics", ""); var submenu21 = menu2.addMenu(menu2.items[1]); submenu21.addItem("100% Cotton",""); submenu21.addItem("Blended Cotton",""); submenu21.addItem("Thai Silk Blend","shirting-thai-silk-blend.html"); // 100% cotton var submenu222 = submenu21.addMenu(submenu21.items[0]); submenu222.addItem("Egyptian Cotton","shirting-egyptian-cotton.html"); submenu222.addItem("Italian Cotton No17","shirting-italian-cotton17.html"); submenu222.addItem("Italian Cotton No19","shirting-italian-cotton19.html"); submenu222.addItem("Italian Cotton No20","shirting-italian-cotton20.html"); submenu222.addItem("Italian Cotton No21","shirting-italian-cotton21.html"); submenu222.addItem("Italian Cotton No23","shirting-italian-cotton23.html"); submenu222.addItem("Italian Cotton No24","shirting-italian-cotton24.html"); submenu222.addItem("Italian Cotton No25","shirting-italian-cotton25.html"); submenu222.addItem("Italian Cotton No26","shirting-italian-cotton26.html"); submenu222.addItem("Italian Cotton No27","shirting-italian-cotton27.html"); submenu222.addItem("Italian Cotton No28","shirting-italian-cotton28.html"); submenu222.addItem("Italian Cotton No30","shirting-italian-cotton30.html"); // blended var submenu222 = submenu21.addMenu(submenu21.items[1]); submenu222.addItem("Blended Italian Cotton No.3","shirting-blended-italian-cotton-no3.html"); submenu222.addItem("Blended Italian Cotton No.5","shirting-blended-italian-cotton-no5.html"); submenu222.addItem("Microfiber","shirting-microfiber.html"); submenu222.addItem("Oxford","shirting-oxford.html"); submenu222.addItem("Tone on Tone","shirting-tone-on-tone.html"); submenu222.addItem("Tone on Tone 2","shirting-tone-on-tone2.html"); submenu222.addItem("Twill Cotton Blended","shirting-twill-cotton-blended.html"); submenu222.addItem("Blended Italian Cotton CH 2009","shirting-blended-italian-cotton-ch2009.html"); menu2.addItem("Order Swatches Online","swatches.html"); var menu3 = ms.addMenu(document.getElementById("menu3")); menu3.addItem("Gents",""); menu3.addItem("Ladies",""); var submenu31 = menu3.addMenu(menu3.items[0]); submenu31.addItem("Individual Item",""); submenu31.addItem("Packages",""); var submenu32 = menu3.addMenu(menu3.items[1]); submenu32.addItem("Individual Item",""); submenu32.addItem("Packages",""); var submenu311 = submenu31.addMenu(submenu31.items[0]); submenu311.addItem("Exclusive Collections","price-gents-indi-exclusive.html"); submenu311.addItem("Superior Collections","price-gents-indi-superior.html"); submenu311.addItem("Platinum Collections","price-gents-indi-platinum.html"); submenu311.addItem("Masters Collections","price-gents-indi-masters.html"); var submenu312 = submenu31.addMenu(submenu31.items[1]); submenu312.addItem("Exclusive Collections","price-gents-pack-exclusive.html"); submenu312.addItem("Superior Collections","price-gents-pack-superior.html"); submenu312.addItem("Platinum Collections","price-gents-pack-platinum.html"); submenu312.addItem("Masters Collections","price-gents-pack-masters.html"); var submenu321 = submenu32.addMenu(submenu31.items[0]); submenu321.addItem("Exclusive Collections","price-ladies-indi-exclusive.html"); submenu321.addItem("Superior Collections","price-ladies-indi-superior.html"); submenu321.addItem("Platinum Collections","price-ladies-indi-platinum.html"); submenu321.addItem("Masters Collections","price-ladies-indi-masters.html"); var submenu322 = submenu32.addMenu(submenu31.items[1]); submenu322.addItem("Exclusive Collections","price-ladies-pack-exclusive.html"); submenu322.addItem("Superior Collections","price-ladies-pack-superior.html"); submenu322.addItem("Platinum Collections","price-ladies-pack-platinum.html"); submenu322.addItem("Masters Collections","price-ladies-pack-masters.html"); var menu4 = ms.addMenu(document.getElementById("menu4")); menu4.addItem("Gents Measurement Form","measurement.html"); menu4.addItem("Ladies Measurement Form","measurement2.html"); //================================================================================================== // 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(); }