// 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()) {

//===============================================================================================
	// 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, 0, 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("menuOne"));
	menu1.addItem("Real Life Stories", "stories.html");			//0
	menu1.addItem("Youth","youth.html");						//1
	menu1.addItem("People","people.html");						//2
	menu1.addItem("Human Resources", "humanresources.html");	//3
	menu1.addItem("Financial Information","financials.html");	//4

		//var submenu0 = menu1.addMenu(menu1.items[4]);
		//submenu0.addItem("Current Openings", "openings.html");
		//submenu0.addItem("Apply For A Job", "apply.html");
			//var submenu00 = submenu0.addMenu(submenu0.items[0]);
			//submenu00.addItem("SubmenuSub", "");

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

	var menu2 = ms.addMenu(document.getElementById("menuTwo"));
	menu2.addItem("Financial Donations","donate-financial.html");
	menu2.addItem("In Kind Donation","donate-inkind.html");
	menu2.addItem("Volunteer","volunteer.html");
	menu2.addItem("Our Supporters","supporters.htm");
	
//===============================================================================================

	var menu3 = ms.addMenu(document.getElementById("menuThree"));
	menu3.addItem("Get Help Now","gethelp.html");
	menu3.addItem("UP Denver","up_den.html");
	menu3.addItem("UP Colorado Springs","up_cos.html");
	menu3.addItem("UP Housing","up_housing.html");

		var submenu0 = menu3.addMenu(menu3.items[1]);
		submenu0.addItem("The Spot", "thespot.html");
		
			//var submenu00 = submenu0.addMenu(submenu0.items[0]);
			//submenu00.addItem("The Spot Services", "thespot_services.html");
			//submenu00.addItem("The Spot Creative", "thespot_creative.html");

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

	var menu4 = ms.addMenu(document.getElementById("menuFour"));
	menu4.addItem("News & Events","newsevents.html");
	menu4.addItem("UP Media Center","issues.html");
	menu4.addItem("Issues & Statistics","stats.html");
	menu4.addItem("Research Center","fjrc.html");

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