if (mtDropDown.isSupported()) {
//===============================================================================================================================================
// Variable ms = crŽation du set de dropdown
//===============================================================================================================================================
// Le premier parametre devrait toujours tre (mtDropDown.direction.down) comme il l'est maintenant
//
// Le deuxime et troisime paramtre (0, 0) sont la distance "top" et "left" par rapport ˆ l'image qui les fait ouvrir
// Pour faire apparaitre le dropdown un peu plus a gauche et plus bas vous pouvez utiliser ceci (-5, 5)
//
// Le dernier paramtre (reference.bottomLeft) est remplacable par (.topLeft), (.bottomLeft), (.topRight), ou (.bottomRight)
// Ce paramtre indique ˆ quel coin de l'image le dropdown devrait apparaitre
//===============================================================================================================================================
var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0, mtDropDown.reference.bottomLeft);
//===============================================================================================================================================
// Ajouter un sous-menu
//===============================================================================================================================================
// var subMenu(# du sous-menu) = menu(# du menu a qui il appartient).addMenu(menu(# du menu a qui il appartient).items[# de l'objet ici 0 = 1]);
//
// Pour ajouter ont doit incrŽmenter la valeur du subMenu exemple (subMenu++) peut-importe ˆ quel menu on le passe
// si le 3ieme sous menu est passŽ au premier objet du 4ieme menu ca donne... var subMenu3 = menu4.addMenu(menu4.items[0]);
//===============================================================================================================================================
// menu : #1 Stair Parts
var menu1 = ms.addMenu(document.getElementById("menu1"));
menu1.addItem("Rosedale Collection", zepath+"/stair_parts.htm");
menu1.addItem("Colonial Collection", zepath+"/colonial_spindles.htm");
menu1.addItem("Hampton Oak", zepath+"/hampton_spindles.htm");
menu1.addItem("Huntington Oak", zepath+"/hunt_spindles.htm");
menu1.addItem("Wrought Iron", zepath+"/wrought_spindles.htm");
menu1.addItem("Quick Steps", "/QuickStep.html");
menu1.addItem("Axxys Series", "#");
var subMenu15 = menu1.addMenu(menu1.items[6]);
//subMenu15.addItem("Axxys", "http://www.stairsimple.com/axxys-products.asp");
subMenu15.addItem("Axxys");
subMenu15.addItem("How to install");
//subMenu15.addItem("How to install:", "http://www.stairsimple.com/installation-area.asp");
// menu : #1 Stair Parts:Rosedale Collection - submenu 1
var subMenu10 = menu1.addMenu(menu1.items[0]);
subMenu10.addItem("Spindles & Newels", zepath+"/stair_parts.htm");
subMenu10.addItem("Railings", zepath+"/rose_railings.htm");
subMenu10.addItem("Start Fittings & More", zepath+"/rose_fittings.htm");
// menu : #1 Stair Parts:Colonial Collection - submenu 1
var subMenu11 = menu1.addMenu(menu1.items[1]);
subMenu11.addItem("Spindles & Newels", zepath+"/colonial_spindles.htm");
subMenu11.addItem("Railings", zepath+"/colonial_railings.htm");
subMenu11.addItem("Accessories", zepath+"/colonial_access.htm");
// menu : #1 Stair Parts:Hampton Oak - submenu 1
var subMenu12 = menu1.addMenu(menu1.items[2]);
subMenu12.addItem("Spindles & Newels", zepath+"/hampton_spindles.htm");
subMenu12.addItem("Railings", zepath+"/hampton_railings.htm");
// menu : #1 Stair Parts:Huntington Oak - submenu 1
var subMenu13 = menu1.addMenu(menu1.items[3]);
subMenu13.addItem("Spindles & Newels", zepath+"/hunt_spindles.htm");
subMenu13.addItem("Railings", zepath+"/hunt_railings.htm");
subMenu13.addItem("Accessories", zepath+"/hunt_access.htm");
// menu : #1 Stair Parts:Wrought Iron - submenu 1
var subMenu14 = menu1.addMenu(menu1.items[4]);
subMenu14.addItem("Spindles & Newels", zepath+"/wrought_spindles.htm");
subMenu14.addItem("Railings", zepath+"/wrought_railings.htm");
subMenu14.addItem("Start Fittings & More", zepath+"/wrought_fittings.htm");
//=========================================================================
// menu : #2 Columns
var menu2 = ms.addMenu(document.getElementById("menu2"));
menu2.addItem("Round Fiberglass", zepath+"/columns.htm");
menu2.addItem("Square Fiberglass", zepath+"/duralite_key.htm");
menu2.addItem("Paint Grade Wood", zepath+"/paint_key.htm");
menu2.addItem("Stain Grade Wood", zepath+"/stain_key.htm");
menu2.addItem("Decorative Capitals", zepath+"/decor_key.htm");
menu2.addItem("Round Aluminum", zepath+"/aluminum_round_column.html");
menu2.addItem("Square Aluminum", zepath+"/aluminum_square_column.htm");
menu2.addItem("PVC Wrap Columns", zepath+"/pdf/ArtsCrafts Catalog.pdf");
// menu : #2 Columns:Paint Grade Wood - submenu 2
var subMenu20 = menu2.addMenu(menu2.items[0]);
subMenu20.addItem("Key Features", zepath+"/columns.htm");
subMenu20.addItem("Column Dimensions", zepath+"/round_columns.htm");
subMenu20.addItem("Cap & Base / Plinth", zepath+"/round_cap.htm");
// menu : #2 Columns:Paint Grade Wood - submenu 2
var subMenu21 = menu2.addMenu(menu2.items[1]);
subMenu21.addItem("Key Features", zepath+"/square_key.htm");
subMenu21.addItem("Column Dimensions", zepath+"/square_column.htm");
// menu : #2 Columns:Paint Grade Wood - submenu 2
var subMenu22 = menu2.addMenu(menu2.items[2]);
subMenu22.addItem("Key Features", zepath+"/paint_key.htm");
subMenu22.addItem("Cap & Base / Plinth", zepath+"/paint_cap.htm");
// menu : #2 Columns:Stain Grade Wood - submenu 2
var subMenu23 = menu2.addMenu(menu2.items[3]);
subMenu23.addItem("Key Features", zepath+"/stain_key.htm");
subMenu23.addItem("Cap & Base / Plinth", zepath+"/stain_cap.htm");
// menu : #2 Columns:Decorative Capitals - submenu 2
var subMenu24 = menu2.addMenu(menu2.items[4]);
subMenu24.addItem("Key Features", zepath+"/decor_key.htm");
subMenu24.addItem("Decorative Capitals", zepath+"/decor_capitals.htm");
// menu : #2 Columns: Round Aluminum - submenu 2
var subMenu20 = menu2.addMenu(menu2.items[5]);
subMenu20.addItem("Key Features", zepath+"/columns.htm");
subMenu20.addItem("Column Dimensions", zepath+"/round_columns.htm");
subMenu20.addItem("Cap & Base / Plinth", zepath+"/round_cap.htm");
// menu : #2 Columns:Square Aluminum - submenu 2
var subMenu21 = menu2.addMenu(menu2.items[6]);
subMenu21.addItem("Key Features", zepath+"/square_key.htm");
subMenu21.addItem("Column Dimensions", zepath+"/square_column.htm");
//=========================================================================
// menu : #3 Porch Posts
var menu3 = ms.addMenu(document.getElementById("menu3"));
menu3.addItem("Quattro Post", "http://www.quattrotimber.com/quattropost");
menu3.addItem("Cedar Porch Posts", zepath+"/porch_posts.htm#cedar");
menu3.addItem("Raw Porch Posts", zepath+"/porch_posts.htm#raw");
menu3.addItem("Primed Porch Posts", zepath+"/porch_posts.htm#primed");
//=========================================================================
// menu : #4 Exterior
var menu4 = ms.addMenu(document.getElementById("menu4"));
menu4.addItem("Pro-Built Aluminum Railings", "http://www.probuiltrailings.com/");
menu4.addItem("Deck Saver", zepath+""); /*New Page [ 0 ]*/
menu4.addItem("Composite Decking", "http://www.northerncompositeproducts.com/"); /*zepath+"/composite_decking.html" */
menu4.addItem("Creative Rail Contemporary", zepath+"/creative_rail_contemporary.html");/*Extertnal Link 3 ]*/
menu4.addItem("Creative Rail Traditional", zepath+"/creative_rail_traditional.html");
menu4.addItem("Creative Rail Tuscany", zepath+"/creative_rail_tuscany.html");
menu4.addItem("Rail Simple Seemore", zepath+"/creative_rail_seemore.html");
menu4.addItem("Rail Simple Venetian", zepath+"/creative_rail_venetian.html");
menu4.addItem("Cedar", zepath+"/exterior.htm");
menu4.addItem("ProBuilt Alum", "#");
// menu : #4 Exterior:Traditional - submenu 2
var subMenu40 = menu4.addMenu(menu4.items[4]);
subMenu40.addItem("Spindles & Balusters", zepath+"/creative_rail_traditional.html");
subMenu40.addItem("Newel Posts", zepath+"/cedar_newel.htm");
subMenu40.addItem("Post Caps & Ball Tops", zepath+"/cedar_postcaps.htm");
// menu : #4 Exterior:Cedar - submenu 3 NEW
var subMenu40 = menu4.addMenu(menu4.items[1]);
subMenu40.addItem("UDF 21", zepath+"/UDF21.html");
subMenu40.addItem("UDF 30", zepath+"/UCF30.html");
subMenu40.addItem("How To", zepath+"/HowTo.html");
subMenu40.addItem("UDF 21 How to Video", "http://www.youtube.com/watch?v=AIkK3m0gmkw");
subMenu40.addItem("UDF 30 How to Video", "http://www.youtube.com/watch?v=FcqQ3OnreCg");
/*
var subsubMenu40 = subMenu40.addMenu(menu4.items[2]);
subsubMenu40.addItem("How To", zepath+"/HowTo.html");
subsubMenu40.addItem("UDF 21 Video", "http://www.youtube.com/watch?v=AIkK3m0gmkw");
subsubMenu40.addItem("UDF 30 Video", "http://www.youtube.com/watch?v=FcqQ3OnreCg");
*/
// menu : #4 Exterior:Cedar - submenu 4
var subMenu40 = menu4.addMenu(menu4.items[5]);
subMenu40.addItem("Balusters", zepath+"/creative_rail_tuscany.html");
subMenu40.addItem("Newel Posts", zepath+"/cedar_newel.htm");
subMenu40.addItem("Post Caps & Ball Tops", zepath+"/cedar_postcaps.htm");
// menu : #4 Exterior:Cedar - submenu 5
var subMenu40 = menu4.addMenu(menu4.items[6]);
subMenu40.addItem("Balusters", zepath+"/creative_rail_seemore.html");
subMenu40.addItem("Newel Posts", zepath+"/cedar_newel.htm");
subMenu40.addItem("Post Caps & Ball Tops", zepath+"/cedar_postcaps.htm");
// menu : #4 Exterior:Cedar - submenu 6
var subMenu40 = menu4.addMenu(menu4.items[7]);
subMenu40.addItem("Balusters", zepath+"/creative_rail_venetian.html");
subMenu40.addItem("Newel Posts", zepath+"/cedar_newel.htm");
subMenu40.addItem("Post Caps & Ball Tops", zepath+"/cedar_postcaps.htm");
// menu : #4 Exterior:Cedar - submenu 7
var subMenu40 = menu4.addMenu(menu4.items[8]);
subMenu40.addItem("Balusters", zepath+"/exterior.htm");
subMenu40.addItem("Newel Posts", zepath+"/cedar_newel.htm");
subMenu40.addItem("Post Caps & Ball Tops", zepath+"/cedar_postcaps.htm");
// menu : #4 Exterior:Cedar - submenu 8
var subMenu40 = menu4.addMenu(menu4.items[9]);
subMenu40.addItem("ProBuilt Planner", "https://secure.alcoventures.com/ds/");
subMenu40.addItem("ProBuilt", "http://www.probuiltrailings.com/railing.asp");
//===============================================================================================================================================
// ƒcrire le code dans la page
//===============================================================================================================================================
mtDropDown.renderAll();
}