// 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 menu2 = ms.addMenu(document.getElementById("ABOUT US"));
		menu2.addItem("What to Expect", "aboutexpect.php");
		menu2.addItem("Our Mission and Vision", "aboutmission.php");
		menu2.addItem("Our Values", "aboutvalues.php");
		menu2.addItem("Our Covenant", "aboutcovenant.php");
		menu2.addItem("Our Stewardship", "aboutsteward.php");
		//==================================================================================================

		//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("SERMONS"));
		menu3.addItem("Sermons", "sermons.php");
		menu3.addItem("From the Pastor's Desk", "pastorsblog");

		var submenu03 = menu3.addMenu(menu3.items[0]);
		submenu03.addItem("Sermon Archive", "sermonsarchive.php");
		//submenu03.addItem("Sermon Podcast", "sermonspodcast.php");
		//==================================================================================================

		//==================================================================================================
		var menu4 = ms.addMenu(document.getElementById("PROGRAMS"));
		menu4.addItem("Kids", "programskids.php");
		menu4.addItem("Youth", "programsyouth.php");
		menu4.addItem("Adults", "programsadults.php");

		var submenu00 = menu4.addMenu(menu4.items[0]);
		submenu00.addItem("BLAST", "kidsblast.php");

		var submenu01 = menu4.addMenu(menu4.items[1]);
		submenu01.addItem("Jr. Youth Group", "youthjr.php");
		submenu01.addItem("Sr. Youth Group", "youthsr.php");

		var submenu02 = menu4.addMenu(menu4.items[2]);
		submenu02.addItem("Sunday Morning Bible Study", "adultsmbs.php");
		submenu02.addItem("Multi-Generational Group", "adultmgg.php");
		submenu02.addItem("Monday Small Group", "adultmsg.php");
		submenu02.addItem("His Idea Ladies Fellowship", "adulthilf.php");
		submenu02.addItem("Wednesday Ladies Small Group", "adultwlsg.php");
		submenu02.addItem("Wednesday Food For Thought", "adultwfft.php");
		submenu02.addItem("Men's Prayer Group", "adultmpg.php");
		submenu02.addItem("Mothering Matters", "adultmm.php");
		submenu02.addItem("Men's Fellowship Group", "adultmfg.php");
		submenu02.addItem("Community Activities & Support Groups", "adultcasg.php");
		//==================================================================================================

		//==================================================================================================
		var menu5 = ms.addMenu(document.getElementById("OUTREACH"));
		menu5.addItem("Our Community", "outreachcomm.php");
		menu5.addItem("Haiti", "outreachhaiti.php");
		menu5.addItem("Africa", "outreachafrica.php");
		//==================================================================================================

		//==================================================================================================
		var menu6 = ms.addMenu(document.getElementById("EVENTS"));
		menu6.addItem("Room Rental", "eventroomrent.php");
		menu6.addItem("Baptism", "eventbaptism.php");
		menu6.addItem("Wedding", "eventwedding.php");
		menu6.addItem("Funeral", "eventfuneral.php");
		//==================================================================================================

		//==================================================================================================
		var menu7 = ms.addMenu(document.getElementById("CONTACT US"));
		menu7.addItem("Directions", "contactdirections.php");
		menu7.addItem("Contact", "contact.php");
		// menu7.addItem("St. John Blog", "blog");
		menu7.addItem("Join Our Email List", "contactemail.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();
	}