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
// var menu1 = ms.addMenu(document.getElementById("menu1"));
// menu1.addItem("- item du premier menu", "#"); 
// menu1.addItem("- 2ieme item du premier menu", "#"); 
// menu1.addItem("- et ca continue encore...", "#");

// sousmenu du menu#1 : attacher au 2ieme élément
// var subMenu1 = menu1.addMenu(menu1.items[1]);
// subMenu1.addItem("- s-m #1 attaché au premier menu", "#");
// subMenu1.addItem("- option#2", "#");

// sousmenu du menu#1 : attacher au 3ieme élément
// var subMenu2 = menu1.addMenu(menu1.items[2]);
// subMenu2.addItem("- s-m #2 attaché au premier menu", "#");
// subMenu2.addItem("- s-m #2 attaché au premier menu", "#");
// subMenu2.addItem("- s-m #2 attaché au premier menu", "#");
// subMenu2.addItem("- s-m #2 attaché au premier menu", "#");



// menu : #2
var menu2 = ms.addMenu(document.getElementById("menu2"));
menu2.addItem("• History", "history.php"); 
menu2.addItem("• Governance", "governance.php"); 

// sousmenu du menu#2 : attacher au 1er élément
// var subMenu3 = menu2.addMenu(menu2.items[0]);
// subMenu3.addItem("- s-m #3 attaché au 2ieme menu", "#");
// subMenu3.addItem("- s-m #3 attaché au 2ieme menu", "#");



// menu : #3
var menu3 = ms.addMenu(document.getElementById("menu3"));
menu3.addItem("• Vocational", "vocational.php"); 
menu3.addItem("• Residential", "residential.php");
menu3.addItem("• Scholarships", "outreach.php");
menu3.addItem("• Outreach", "outreach.php#summercamp");
menu3.addItem("• Village Screen Print and Embroidery", "vspe.php"); 

var subMenu4 = menu3.addMenu(menu3.items[0]);
subMenu4.addItem("• Sheltered Workshop", "vocational.php#sheltered");
subMenu4.addItem("• Community Integrated Employment", "vocational.php#integrated");
subMenu4.addItem("• Group Employment", "vocational.php#GroupEmployment");
subMenu4.addItem("• Enclave", "vocational.php#enclave");

var subMenu4 = menu3.addMenu(menu3.items[1]);
subMenu4.addItem("• Group Homes", "residential.php#group");
subMenu4.addItem("• Community Living Homes", "residential.php#community");
subMenu4.addItem("• In-Home Supports", "residential.php#inhome");
subMenu4.addItem("• Community Group Home", "residential.php#communitygroup");

var subMenu4 = menu3.addMenu(menu3.items[2]);
subMenu4.addItem("• Scholarships", "outreach.php");
subMenu4.addItem("• Application for Lee Scholarship for High School Students", "outreach.php#leememorial");
subMenu4.addItem("• Application for Kay County Council Scholarship for College Students", "outreach.php#kcc");

var subMenu4 = menu3.addMenu(menu3.items[3]);
subMenu4.addItem("• Kay County Council Summer Day Camp", "outreach.php#summercamp");
subMenu4.addItem("• Children with Developmental Disabilities Family Support Group", "outreach.php#support");

// menu : #4
var menu4 = ms.addMenu(document.getElementById("menu4"));
menu4.addItem("• Annual Membership Drive", "fundraising.php");
menu4.addItem("• Cherokee Strip Golf Classic", "csgc.php"); 
menu4.addItem("• Memorial, Estate and Trust Gifts", "fundraising.php#memorial"); 
menu4.addItem("• Capital Giving", "fundraising.php#capital");
menu4.addItem("• “Princess for a Night” Father-Daughter Dance", "fdd.php");
menu4.addItem("• Champagne Brunch", "champagnebrunch.php");
menu4.addItem("• Thrift Shops", "thriftshops.php");
menu4.addItem("• Donor’s Bill of Rights", "dbor.php");
menu4.addItem("• Support Us Now", "supportus.php");


// menu : #5
// var menu5 = ms.addMenu(document.getElementById("menu5"));
// menu5.addItem("- item du 5ieme menu", "#"); 
// menu5.addItem("- 2ieme item", "#"); 
// menu5.addItem("- zzzzzzzz...", "#");

// menu : #6
// var menu6 = ms.addMenu(document.getElementById("menu6"));
// menu6.addItem("- item 6", "#"); 
// menu6.addItem("- 6", "#");

// menu : #7
// var menu7 = ms.addMenu(document.getElementById("menu7"));
// menu7.addItem("- item7", "#"); 
// menu7.addItem("- 7", "#");

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