// 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("nav_home"));
		menu1.addItem("Message from the Mayor", ""); 
		menu1.addItem("Mayor and Town Council", ""); 
		menu1.addItem("Town Manager", ""); 
		menu1.addItem("Treasurer", ""); 
		menu1.addItem("Meetings & Agendas", ""); 
		menu1.addItem("Engineering & Public Works", ""); 
		menu1.addItem("Office of Zoning & Planning", ""); // send no URL if nothing should happen onclick

		var submenu0 = menu1.addMenu(menu1.items[6]);
		submenu0.addItem("Planning Commision", "http://youngpup.net/italy/photos/cinqueterre/104_0458.jpg");
		submenu0.addItem("Board of Zoning Appeals", "http://youngpup.net/italy/photos/cinqueterre/thumb/104_0474.jpg");
		submenu0.addItem("Forms", "http://youngpup.net/italy/photos/cinqueterre/104_0472.jpg");
		submenu0.addItem("Ordinances", "http://youngpup.net/italy/photos/cinqueterre/105_0522.jpg");
	*/
    //var submenu00 = submenu0.addMenu(submenu0.items[0]);
    //submenu00.addItem("foo");
    //submenu00.addItem("bar");
		//==================================================================================================

		//==================================================================================================
		var menu1 = ms.addMenu(document.getElementById("nav_designs"));
		menu1.addItem("all models", "designs.php"); 
		menu1.addItem("kidney pools", "kidney.php"); // send no URL if nothing should happen onclick
		menu1.addItem("rectangle pools", "rectangle.php"); 
		menu1.addItem("freeform pools", "freeform.php"); 
		menu1.addItem("custom pools", "custom.php");
		menu1.addItem("spas & splash spas", "spas.php"); 
		menu1.addItem("HydroZone™", "hydrozone.php"); 
		
	
    //submenu00.addItem("bar");
		//==================================================================================================

		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("nav_features"));
		menu2.addItem("main page", "features.php");
		menu2.addItem("colors & finishes", "colors.php");
		menu2.addItem("perimeter & inlayed tile", "tiles.php");
		menu2.addItem("mosaics", "mosaics.php");
		menu2.addItem("lighting", "fiber.php");
		menu2.addItem("cascades", "cascades.php");
		menu2.addItem("streams", "streams.php");
		menu2.addItem("in-floor cleaning", "cleaning.php");
		menu2.addItem("vanishing edges", "edges.php");
		menu2.addItem("champagne bubblers", "bubblers.php");

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



//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("nav_installation"));
		menu3.addItem("installation", "installation.php");
		menu3.addItem("self installation", "DIY.php");
		
		//menu3.addItem("site considerations", "considerations.php");

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



//==================================================================================================
		var menu4 = ms.addMenu(document.getElementById("nav_questions"));
		menu4.addItem("main page", "resources.php");
		menu4.addItem("questions", "faq.php");
		menu4.addItem("comparison", "comparison.php");
		menu4.addItem("considerations","considerations.php");
		menu4.addItem("brochure request","brochure_request.php");
		//menu3.addItem("site considerations", "considerations.php");
		menu4.addItem("pool budget", "http://www.yankeepools.com/PLANNING_WORKSHEET.pdf");
		menu4.addItem("spring specials", "specials.php");
		menu4.addItem("recession buster sale", "sale.php");

		//==================================================================================================
		
		
//==================================================================================================
		//var menu5 = ms.addMenu(document.getElementById("nav_contact"));
		//menu5.addItem("contact form", "contact.php");
		//menu5.addItem("brochure request", "brochure_request.php");
		
		//menu3.addItem("site considerations", "considerations.php");

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