// 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
//==================================================================================================
		
// menu : qui sommes nous
	
var menu1 = ms.addMenu(document.getElementById("menu1"));
//menu1.MenuStyle("root",165,15,"Verdana, Arial, Helvetica, sans-serif",10,"#666666","#CC0000","#E8E8E8","#E8E8E8","left","middle",3,0,100,-5,7,true,false,true,0,true,true);
menu1.addItem("Nos valeurs","javascript:goPage(2,'fr')"); // send no URL if nothing should happen onclick
menu1.addItem("Missions du CRI","javascript:goPage(3,'fr')"); // send no URL if nothing should happen onclick
menu1.addItem("La lettre royale","javascript:goPage(4,'fr')"); // send no URL if nothing should happen onclick
menu1.addItem("Plan de situation du CRI","javascript:goPage(5,'fr')"); // send no URL if nothing should happen onclick
menu1.addItem("Organisation","javascript:goPage(6,'fr')");// send no URL if nothing should happen onclick
menu1.addItem("Tous vos contacts","javascript:goPage(7,'fr')"); // send no URL if nothing should happen onclick

// menu : tanger tetouan pole...
var menu2 = 
ms.addMenu(document.getElementById("menu2"));
menu2.addItem("Atouts économiques","javascript:goPage(56,'fr')");
menu2.addItem("Les grands chantiers de la région","javascript:goPage(57,'fr')");
menu2.addItem("Infrastructures","javascript:goPage(58,'fr')");
menu2.addItem("Les secteurs porteurs de l'économie régionale","javascript:goPage(59,'fr')");
menu2.addItem("Ressources Humaines","javascript:goPage(63,'fr')");
menu2.addItem("Co&ucirct des facteurs de production","javascript:goPage(65,'fr')");
menu2.addItem("Témoignages","javascript:goPage(66,'fr')");
menu2.addItem("Les principaux centres économiques de la région","javascript:goPage(67,'fr')");
menu2.addItem("Etudes et Enquêtes","javascript:goPage(75,'fr')");
// menu : espace decouverte
var menu3 = 
ms.addMenu(document.getElementById("menu3"));
menu3.addItem("Caractéristiques de l'environnement naturel ","javascript:goPage(77,'fr')");
menu3.addItem("Caractéristiques géographiques ","javascript:goPage(78,'fr')");
menu3.addItem("Aspect démographique et urbanisation","javascript:goPage(79,'fr')");
menu3.addItem("Ressources économiques","javascript:goPage(141,'fr')");
menu3.addItem("Climat","javascript:goPage(80,'fr')");
menu3.addItem("Découpage administratif","javascript:goPage(81,'fr')");
menu3.addItem("Observatoire économique de la région","javascript:goPage(82,'fr')");
menu3.addItem("Etudes et Enquêtes","javascript:goPage(83,'fr')");
menu3.addItem("Qualité de vie","javascript:goPage(84,'fr')");
menu3.addItem("Cartographie","javascript:goPage(89,'fr')");


//==================================================================================================
		
// 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();
	}