// TRANSMENU ITEMS

	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("about"));
		menu1.addItem("Instructors", "?s=about&p=instr"); 
		menu1.addItem("FAQ", "?s=about&p=faq");
		menu1.addItem("Contact", "?s=about&p=contact");
		//==================================================================================================

		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("community"));
		menu2.addItem("Photos", "?s=community&p=photos");
		menu2.addItem("Chat", "?s=community&p=chat");
		//menu2.addItem("Resources", "?s=community&p=resources");
		//menu2.addItem("Newsletter", "?s=community&p=newsletter");
		//==================================================================================================

		//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("classes"));
		menu3.addItem("Calendar", "?s=classes&p=calendar");
		menu3.addItem("Locations", "?s=classes&p=locations");
		menu3.addItem("Prices", "?s=classes&p=prices");
		//menu3.addItem("Workout Sample", "?s=classes&p=sample");
		//menu3.addItem("Sign Up!", "?s=classes&p=signup");
		//==================================================================================================

		//==================================================================================================
		var menu4 = ms.addMenu(document.getElementById("shop"));
		menu4.addItem("Merchandise", "?s=shop&p=merch");
		menu4.addItem("Class Passes", "?s=shop&p=classpass");
		//menu4.addItem("Associated Products", "?s=shop&p=assprods");
		//==================================================================================================

		//==================================================================================================
		// 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();
	}
	
	
	
	
	
	
	/*			3 LEVEL TEMPLATE
	
			var menu1 = ms.addMenu(document.getElementById("liguria"));
		menu1.addItem("Ventimiglia", "http://youngpup.net/italy/photos/ventimiglia/thumb/102_0261.jpg"); 
		menu1.addItem("Cinque Terre", ""); // send no URL if nothing should happen onclick

		var submenu0 = menu1.addMenu(menu1.items[1]);
		submenu0.addItem("Monterosso", "http://youngpup.net/italy/photos/cinqueterre/104_0458.jpg");
		submenu0.addItem("Manorola", "http://youngpup.net/italy/photos/cinqueterre/thumb/104_0474.jpg");
		submenu0.addItem("Corniglia", "http://youngpup.net/italy/photos/cinqueterre/104_0472.jpg");
		submenu0.addItem("Rio Maggiore", "http://youngpup.net/italy/photos/cinqueterre/105_0522.jpg");
		submenu0.addItem("Vernazza", "");
		submenu0.addItem("Apartment", "");
		submenu0.addItem("Via del Amore", "");
		submenu0.addItem("Rocky beach", "");
		submenu0.addItem("Swimming hole", "");

    var submenu00 = submenu0.addMenu(submenu0.items[0]);
    submenu00.addItem("foo");
    submenu00.addItem("bar");
	
	*/