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 deuxi�me et troisi�me param�tre (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 param�tre (reference.bottomLeft) est remplacable par (.topLeft), (.bottomLeft), (.topRight), ou (.bottomRight)
// Ce param�tre 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", zepath+"/brochures/Quick%20Steps.pdf");


// 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("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("Composite Decking", zepath+"/composite_decking.html");
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");

// menu : #4 Exterior:Traditional - submenu 4
var subMenu40 = menu4.addMenu(menu4.items[1]);
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 4
var subMenu40 = menu4.addMenu(menu4.items[2]);
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 4
var subMenu40 = menu4.addMenu(menu4.items[3]);
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 4
var subMenu40 = menu4.addMenu(menu4.items[4]);
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 4
var subMenu40 = menu4.addMenu(menu4.items[5]);
subMenu40.addItem("Balusters", zepath+"/exterior.htm");
subMenu40.addItem("Newel Posts", zepath+"/cedar_newel.htm");
subMenu40.addItem("Post Caps & Ball Tops", zepath+"/cedar_postcaps.htm");


//===============================================================================================================================================
// ƒcrire le code dans la page
//===============================================================================================================================================
mtDropDown.renderAll();
}