// 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 (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, 1, 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("chi"));
		menu1.addItem("Staff", ""); 
		<!--menu1.addItem("Staff", ""); // send no URL if nothing should happen onclick
		<!--menu1.addItem("Club", "../chi/indexclub.html");
		
		var submenu0 = menu1.addMenu(menu1.items[0]);
		submenu0.addItem("Staff Scuola", "../staff.htm");
		submenu0.addItem("Collaboratori", "../staff_collaboratori.htm");
		<!--submenu0.addItem("SUB - ", "../chi/StaffMedico.html");
		//==================================================================================================

		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("dove"));
		menu2.addItem("Sede", "../dove_Siamo_sede.htm");
		menu2.addItem("Piscina", "../dove_Siamo_piscina.htm");


		<!--var submenu1 = menu2.addMenu(menu2.items[0]);
		<!--submenu1.addItem("Lodi", "../dovesiamo/index_dovesiamo.html");
		<!--submenu1.addItem("Buccinasco", "../dove/buccinasco.html"); 

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

		//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("corsi"));
		menu3.addItem("Corsi SSI");
		menu3.addItem("Corsi HSA");
		menu3.addItem("Corsi NADD CMAS");
		
		var submenu3 = menu3.addMenu(menu3.items[0]);

		submenu3.addItem("Scuba Passort", "../corsi/passport.html");
		submenu3.addItem("Corsi Base", "../corsi/corsibase.html");
		submenu3.addItem("Corsi Avanzati", "../corsi/corsiavanzati.html");
		submenu3.addItem("SSI TEK", "../corsi/corsissitek.html");
		submenu3.addItem("Riconoscimenti", "../corsi/riconoscimenti.html");
		<!--submenu3.addItem("Corsi Istruzionali", "../corsi/corsiistruzionali.html");
		
		var submenu3 = menu3.addMenu(menu3.items[1]);

		submenu3.addItem("Corsi Base", "../corsi/corsi_HSA.htm");
		submenu3.addItem("Corsi Nitrox", "../corsi/corsi_HSA.htm");
		submenu3.addItem("Corsi Buddy", "../corsi/corsi_HSA.htm");
		<!--submenu3.addItem("SSI TEK", "../corsi/corsissitek.html");
		<!--submenu3.addItem("Riconoscimenti", "../corsi/riconoscimenti.html");
		
		var submenu3 = menu3.addMenu(menu3.items[2]);

		submenu3.addItem("Corsi Nitrox Base", "../corsi/corsispecialità.html");
		submenu3.addItem("Corsi Nitrox Advanced", "../corsi/corsispecialità.html");
		submenu3.addItem("Corsi Decompression Diver-Air", "../corsi/corsispecialità.html");
		submenu3.addItem("BLS", "../corsi/corsispecialità.html");
		submenu3.addItem("Oxigen Provider", "../corsi/corsispecialità.html");
		//==================================================================================================

		//==================================================================================================
		var menu4 = ms.addMenu(document.getElementById("immersioni"));
		menu4.addItem("Immersioni", "../immersioni/home_immersioni.htm");
		<!--menu4.addItem("Diving", "../immersioni/viaggi.html");
		//==================================================================================================

		//==================================================================================================
		var menu5 = ms.addMenu(document.getElementById("contatti"));
		menu5.addItem("Prove", "../contatti/prove.html");
		menu5.addItem("Mail", "../Contatti/Recapiti.htm");
		
	//==================================================================================================
	
		//==================================================================================================
		// 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();
	}