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, -24, -4, 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("_menu1"));
		menu1.addItem("<img src='images/menu1.png'  border=0 width=161 height=53 />", "aboutGreenteam.php","mcframe" ); 
		//==================================================================================================

		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("_menu2"));
		menu2.addItem("<img src='images/menu21c.png'  width=218 height=23 border=0 />", "greenRace.php", "mcframe");
		menu2.addItem("<img src='images/menu22c.png'  width=218 height=16 border=0 />", "greenRaceGuide.php","mcframe");
		menu2.addItem("<img src='images/menu23c.png'  width=218 height=62 border=0 />", "greenRaceAll.php","mcframe");		
		//menu2.addItem("<img src='images/menu23.png'  width=222 height=16 border=0 />", "greenRaceRoyalVictoria.php","mcframe");
		//menu2.addItem("<img src='images/menu24.png'  width=222 height=49 border=0 />", "greenRaceToronto.php","mcframe");		
		//==================================================================================================

		//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("_menu3"));
		menu3.addItem("<img src='images/menu31.png'  width=161 height=24 border=0 />", "vote_vote1.php?start=0", "mcframe");
		menu3.addItem("<img src='images/menu32.png'  width=161 height=52 border=0 />", "vote_enter.php", "mcframe");
		//==================================================================================================

		//==================================================================================================
		var menu4 = ms.addMenu(document.getElementById("_menu4"));
        menu4.addItem("<img src='images/menu41.png'  width=199 height=24 border=0 />", "coach1.php", "mcframe");
	    menu4.addItem("<img src='images/menu42.png'  width=199 height=16 border=0 />", "coach2.php", "mcframe");
    	menu4.addItem("<img src='images/menu43.png'  width=199 height=16 border=0 />", "coach3.php", "mcframe");
     	menu4.addItem("<img src='images/menu44.png'  width=199 height=16 border=0 />", "coach4.php", "mcframe");
      	menu4.addItem("<img src='images/menu45.png'  width=199 height=60 border=0 />", "coach5.php", "mcframe");

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

		//==================================================================================================
		var menu5 = ms.addMenu(document.getElementById("_menu5"));
		menu5.addItem("<img src='images/training3.png'  width=241 height=25 border=0 />", "training1.php", "mcframe"); 
 		menu5.addItem("<img src='images/training2.png'  width=241 height=17 border=0 />", "training2.php", "mcframe"); 
		menu5.addItem("<img src='images/training1.png'  width=241 height=42 border=0 />", "training3.php", "mcframe"); 		
		//==================================================================================================

		//==================================================================================================
		var menu6 = ms.addMenu(document.getElementById("_menu6"));
		menu6.addItem("<img src='images/nutrition1.png'  width=241 height=22 border=0 />", "nutrition1.php", "mcframe"); 
 		menu6.addItem("<img src='images/nutrition2.png'  width=241 height=17 border=0 />", "nutrition2.php", "mcframe"); 
		menu6.addItem("<img src='images/nutrition3.png'  width=241 height=15 border=0 />", "nutrition3.php", "mcframe"); 
		menu6.addItem("<img src='images/nutrition4.png'  width=241 height=17 border=0 />", "nutrition4.php", "mcframe");
		menu6.addItem("<img src='images/nutrition5.png'  width=241 height=13 border=0 />", "nutrition5.php", "mcframe");
		menu6.addItem("<img src='images/nutrition6.png'  width=241 height=90 border=0 />", "nutrition6.php", "mcframe");		
		//==================================================================================================

		//==================================================================================================
		var menu7 = ms.addMenu(document.getElementById("_menu7"));
		// menu7.addItem("<img src='images/charity1.png'  width=167 height=66 border=0 />", "charity1.php", "mcframe");
		menu7.addItem("<img src='images/charity_1.png'  width=182 height=20 border=0 />", "charity6.php", "mcframe");
		menu7.addItem("<img src='images/charity_2.png'  width=182 height=16 border=0 />", "charity3.php", "mcframe");
		menu7.addItem("<img src='images/charity_3.png'  width=182 height=16 border=0 />", "charity2.php", "mcframe");
		menu7.addItem("<img src='images/charity_4.png'  width=182 height=17 border=0 />", "charity4.php", "mcframe");
		menu7.addItem("<img src='images/charity_5.png'  width=182 height=59 border=0 />", "charity5.php", "mcframe");        
		//==================================================================================================

		//==================================================================================================
		var menu8 = ms.addMenu(document.getElementById("_menu8"));
		menu8.addItem("<img src='images/contact1.png'  width=150 height=22 border=0 />", "contact1.php", "mcframe");
		menu8.addItem("<img src='images/contact2.png'  width=150 height=44 border=0 />", "contact2.php", "mcframe");		
		//==================================================================================================


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