if (TransMenu.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 TransMenuSet(TransMenu.direction.down, 0, 0, TransMenu.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("menuitem1"));
	menu1.addItem("About us", "/html/diverchim/presentation.php"); 
	menu1.addItem("History", "/html/diverchim/historique.php"); 
	menu1.addItem("Philosophy", "/html/diverchim/philosophie.php"); 
	menu1.addItem("The CEO message", "/html/diverchim/mot.php"); // send no URL if nothing should happen onclick

	var menu2 = ms.addMenu(document.getElementById("menuitem2"));
	menu2.addItem("Organization", "/html/hommes/organigramme.php"); 
	menu2.addItem("Scientific team", "/html/hommes/equipe.php"); 
	
	var menu3 = ms.addMenu(document.getElementById("menuitem3"));
	menu3.addItem("Research-Overview", "/html/services/schema.php"); 
	menu3.addItem("Discovery – Med Chem", "/html/services/discovery_med.php"); 
	//menu3.addItem("Chem", ""); 
	menu3.addItem("Process research", "/html/services/recherche.php"); 
	menu3.addItem("Custom synthesis", "/html/services/production.php"); 
	menu3.addItem("Products – Catalog", "/html/services/catalogue.php"); 
	menu3.addItem("Analytical services", "/html/services/services.php"); 
	
	var menu4 = ms.addMenu(document.getElementById("menuitem4"));
	menu4.addItem("Overview", "/html/equipements/presentation.php"); 
	menu4.addItem("Discovery - Research", "/html/equipements/equipement_labo_recherche.php"); 
	menu4.addItem("Kilo lab – Pilot plant", "/html/equipements/equipement_kilo_lab.php"); 
	menu4.addItem("Analysis", "/html/equipements/equipement_laboratoire_analyses.php"); 
	
	var menu5 = ms.addMenu(document.getElementById("menuitem5"));
	menu5.addItem("List of Products", "/html/catalogue/catalogue.php"); 
	menu5.addItem("Product search", "/html/recherches/recherche.php");
//		exemples
//		var submenu0 = menu1.addMenu(menu1.items[1]);
//		submenu0.addItem("Monterosso", "");
//
//	    var submenu00 = submenu0.addMenu(submenu0.items[0]);
//	    submenu00.addItem("foo");
	//==================================================================================================

	
	//==================================================================================================

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