function init() {
			//==========================================================================================
			// if supported, initialize TransMenus
			//==========================================================================================
			// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
			// This is better than server-side checking because it will also catch browsers which would
			// normally support the menus but have javascript disabled.
			//
			// If supported, call initialize() and then hook whatever image rollover code you need to do
			// to the .onactivate and .ondeactivate events for each menu.
			//==========================================================================================
			if (TransMenu.isSupported()) {
				TransMenu.initialize();

				// hook all the highlight swapping of the main toolbar to menu activation/deactivation
				// instead of simple rollover to get the effect where the button stays hightlit until
				// the menu is closed.
		//==================================================================================================
		// ACCUEIL
		//==================================================================================================
				document.getElementById("accueil").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}
				document.getElementById("accueil").onmouseout = function() { this.className = ""; }	
		//==================================================================================================
		//PRESENTATION
		//==================================================================================================
				menu1.onactivate = function() { document.getElementById("CAAL").className = "hover"; };
				menu1.ondeactivate = function() { document.getElementById("CAAL").className = ""; };
		//==================================================================================================
		// CALENDRIER
		//==================================================================================================
				document.getElementById("calendrier").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}
				document.getElementById("calendrier").onmouseout = function() { this.className = ""; }
		//==================================================================================================
		// PHOTOS
		//==================================================================================================
				menu2.onactivate = function() { document.getElementById("photos").className = "hover"; };
				menu2.ondeactivate = function() { document.getElementById("photos").className = ""; };
		//==================================================================================================
		// ANIMATIONS EXTERIEUR
		//==================================================================================================
				menu3.onactivate = function() { document.getElementById("exterieur").className = "hover"; };
				menu3.ondeactivate = function() { document.getElementById("exterieur").className = ""; };	
		//==================================================================================================
		// A DECOUVRIR
		//==================================================================================================
			document.getElementById("decouvrir").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}
				document.getElementById("decouvrir").onmouseout = function() { this.className = ""; }
		//==================================================================================================
		// LIVRE d'OR
		//==================================================================================================
				document.getElementById("livre").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}
				document.getElementById("livre").onmouseout = function() { this.className = ""; }
		//==================================================================================================
		// LIENS
		//==================================================================================================
				document.getElementById("lien").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}
				document.getElementById("lien").onmouseout = function() { this.className = ""; }
		//==================================================================================================
		// CONTACT
		//==================================================================================================
				document.getElementById("contact").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}
				document.getElementById("contact").onmouseout = function() { this.className = ""; }
		//==================================================================================================
		// ESPACE MEMBRE
		//==================================================================================================
				document.getElementById("espace").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}
				document.getElementById("espace").onmouseout = function() { this.className = ""; }
			}
		}

	// 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, 40, 0, TransMenu.reference.bottomLeft);

		//==================================================================================================
		// create a dropdown menu
		//==================================================================================================
		// ACCUEIL (0)
		//==================================================================================================
			//var menu1 = ms.addMenu(document.getElementById("CAAL"));
			//menu1.addItem("Ventimiglia", ""); 
		//==================================================================================================
		//PRESENTATION (1)
		//==================================================================================================
			var menu1 = ms.addMenu(document.getElementById("CAAL"));
			menu1.addItem("Les membres", "index.php?page=pre&sec=mem");
			menu1.addItem("Où nous trouver?", "index.php?page=pre&sec=pla");
		//==================================================================================================
		//CALENDRIER (2)
		//==================================================================================================
			//var menu2 = ms.addMenu(document.getElementById("calendrier"));
			//menu2.addItem("Verona");
			//menu2.addItem("Venezia");
		//==================================================================================================
		//PHOTOS CAAL (3)
		//==================================================================================================
			var menu2 = ms.addMenu(document.getElementById("photos"));	
			menu2.addItem("Manifestations diverses", "index.php?page=man&niv1=div&niv2=tt");
			menu2.addItem("Marche gourmande", "index.php?page=man&niv1=mar&niv2=tt");	
			menu2.addItem("Festival de l'insolite", "index.php?page=man&niv1=fes&niv2=tt");
			menu2.addItem("Jeuzinédi", "index.php?page=man&niv1=jeu&niv2=tt");
			menu2.addItem("Africo oh folie's", "index.php?page=man&niv1=afr&niv2=tt");
			menu2.addItem("Jeux intervillage", "index.php?page=man&niv1=int&niv2=tt");
			menu2.addItem("Ski à roulettes", "index.php?page=man&niv1=ski&niv2=tt");
			menu2.addItem("Vanony", "index.php?page=man&niv1=van&niv2=tt");

			var submenu20 = menu2.addMenu(menu2.items[7]);
			var submenu21 = menu2.addMenu(menu2.items[6]);
			var submenu22 = menu2.addMenu(menu2.items[5]);
			var submenu23 = menu2.addMenu(menu2.items[4]);
			var submenu24 = menu2.addMenu(menu2.items[3]);
			var submenu25 = menu2.addMenu(menu2.items[2]);
			var submenu26 = menu2.addMenu(menu2.items[1]);
			var submenu27 = menu2.addMenu(menu2.items[0]);
			
			submenu20.addItem("Vanony - 1985", "index.php?page=man&niv1=van&niv2=1985");
			
			submenu21.addItem("Ski à roulettes - 1987", "index.php?page=man&niv1=ski&niv2=1987");
			submenu21.addItem("Ski à roulettes - 1988", "index.php?page=man&niv1=ski&niv2=1988");			
			submenu21.addItem("Ski à roulettes - 1989", "index.php?page=man&niv1=ski&niv2=1989");	
			
			submenu22.addItem("Jeux intervillage - 1990", "index.php?page=man&niv1=int&niv2=1990");

			submenu23.addItem("Africo Oh foli'es - 2001", "index.php?page=man&niv1=afr&niv2=2001");

			submenu24.addItem("Jeuzinédi - 2002", "index.php?page=man&niv1=jeu&niv2=2002");
			submenu24.addItem("Jeuzinédi - 2003", "index.php?page=man&niv1=jeu&niv2=2003");
			submenu24.addItem("Jeuzinédi - 2004", "index.php?page=man&niv1=jeu&niv2=2004");

			submenu25.addItem("Insolite - 2007", "index.php?page=man&niv1=fes&niv2=2007");
			submenu25.addItem("Insolite - 2006", "index.php?page=man&niv1=fes&niv2=2006");
			submenu25.addItem("Insolite - 2001", "index.php?page=man&niv1=fes&niv2=2001");
			submenu25.addItem("Insolite - 2000", "index.php?page=man&niv1=fes&niv2=2000");
			submenu25.addItem("Insolite - 1999", "index.php?page=man&niv1=fes&niv2=1999");
			submenu25.addItem("Insolite - 1998", "index.php?page=man&niv1=fes&niv2=1998");
			submenu25.addItem("Insolite - 1997", "index.php?page=man&niv1=fes&niv2=1997");
			submenu25.addItem("Insolite - 1996", "index.php?page=man&niv1=fes&niv2=1996");
			submenu25.addItem("Insolite - 1995", "index.php?page=man&niv1=fes&niv2=1995");
			submenu25.addItem("Insolite - 1994", "index.php?page=man&niv1=fes&niv2=1994");
			submenu25.addItem("Insolite - 1993", "index.php?page=man&niv1=fes&niv2=1993");
			submenu25.addItem("Insolite - 1992", "index.php?page=man&niv1=fes&niv2=1992");
			submenu25.addItem("Insolite - 1991", "index.php?page=man&niv1=fes&niv2=1991");

			submenu26.addItem("Marche - 2008", "index.php?page=man&niv1=mar&niv2=2008");
			
			submenu27.addItem("Rallye surprise - 2009", "index.php?page=man&niv1=ral&niv2=2009");
			submenu27.addItem("Visite caserne - 2009", "index.php?page=man&niv1=pom&niv2=2009");
			submenu27.addItem("Présentation Gérard Verdenet - 2009", "index.php?page=man&niv1=ver&niv2=2009");
	
		//==================================================================================================
		//ANIMATION EXTERIEUR (4)
		//==================================================================================================
			var menu3 = ms.addMenu(document.getElementById("exterieur"));
			menu3.addItem("La marche des fontaines", "index.php?page=ass&niv1=fon&niv2=tt");
			menu3.addItem("La montée de l'alpage", "index.php?page=ass&niv1=alp&niv2=tt");

			var submenu30 = menu3.addMenu(menu3.items[0]);
			var submenu31 = menu3.addMenu(menu3.items[1]);
			
			submenu30.addItem("Marche - 2008", "index.php?page=ass&niv1=fon&niv2=2008");
			
			submenu31.addItem("Alpage - 2007", "index.php?page=ass&niv1=alp&niv2=2007");
			submenu31.addItem("Alpage - 2008", "index.php?page=ass&niv1=alp&niv2=2008");
		//==================================================================================================
		//A DECOUVRIR (5)
		//==================================================================================================
			//var menu6 = ms.addMenu(document.getElementById("livre"));
			//menu6.addItem("Roma", "");		
				
		//==================================================================================================
		//LIVRE d'OR (6)
		//==================================================================================================
			//var menu7 = ms.addMenu(document.getElementById("livre"));
			//menu7.addItem("Roma", "");
		//==================================================================================================
		//LIENS (7)
		//==================================================================================================
			//var menu8 = ms.addMenu(document.getElementById("liens"));
			//menu8.addItem("Roma", "");		
		//==================================================================================================
		//CONTACT (8)
		//==================================================================================================
			//var menu9 = ms.addMenu(document.getElementById("contact"));
			//menu9.addItem("Roma", "");			
		//==================================================================================================
		//ESPACE MEMBRE (9)
		//==================================================================================================
			//var menu10 = ms.addMenu(document.getElementById("espace"));
			//menu10.addItem("Roma", "");			
		
		// 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();
}