// 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, 0, -5, 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("button1"));
		menu1.addItem("How it Started", "/about/how_it_started.asp"); 
		menu1.addItem("Our Core Beliefs", "/about/beliefs.asp"); 
		menu1.addItem("Features", "/about/features.asp"); 
		menu1.addItem("FAQ", "/about/faq.asp");
		menu1.addItem("Testimonials", "/about/testimonials.asp"); 
		menu1.addItem("SiteOrganic Express", "/express/default.asp");

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

		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("button2"));
		menu2.addItem("Submit a Ticket", "http://care.siteorganic.com/Main/frmNewTicket.aspx");
		menu2.addItem("Knowledge Base","http://care.siteorganic.com/KB/search.aspx");
		menu2.addItem("SiteOrganic Training Options","/support/training.asp");
		menu2.addItem("Website Tips","/support/tips.asp");

		//var submenu1 = menu2.addMenu(menu2.items[0]);
		//submenu1.addItem("subitem1", "");
		//submenu1.addItem("subitem2", "");
		//submenu1.addItem("subitem3", "");
		//==================================================================================================

		//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("button3"));
		menu3.addItem("Express Themes ($99)", "/express/themes.asp");
		menu3.addItem("Custom Designs ($6,495)", "/samples");

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

		//==================================================================================================
		var menu4 = ms.addMenu(document.getElementById("button4"));
		menu4.addItem("<b>Contact Us</b>", "/go/contact.asp");
		menu4.addItem("Why Have a Church Website?", "/go/why_a_website.asp");
		menu4.addItem("For Church Plants","/plants");
		menu4.addItem("Rate Your Web Ministry", "/go/survey.asp");
		menu4.addItem("5 Reasons to Go Organic", "/go/5_reasons.asp");
		menu4.addItem("Online Demo", "/demo");

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


		//==================================================================================================
		// 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();
	}
	
function init() {
			//==========================================================================================
			// if supported, initialize TransMenus
			//==========================================================================================
			// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
			// This is better than server-side checking because it will also catch browsers which would
			// normally support the menus but have javascript disabled.
			//
			// If supported, call initialize() and then hook whatever image rollover code you need to do
			// to the .onactivate and .ondeactivate events for each menu.
			//==========================================================================================
			if (TransMenu.isSupported()) {
				TransMenu.initialize();

				// hook all the highlight swapping of the main toolbar to menu activation/deactivation
				// instead of simple rollover to get the effect where the button stays hightlit until
				// the menu is closed.
				menu1.onactivate = function() { document.getElementById("button1").className = "hover"; };
				menu1.ondeactivate = function() { document.getElementById("button1").className = ""; };

				menu2.onactivate = function() { document.getElementById("button2").className = "hover"; };
				menu2.ondeactivate = function() { document.getElementById("button2").className = ""; };

				//menu3.onactivate = function() { document.getElementById("button3").className = "hover"; };
				//menu3.ondeactivate = function() { document.getElementById("button3").className = ""; };

				menu4.onactivate = function() { document.getElementById("button4").className = "hover"; };
				menu4.ondeactivate = function() { document.getElementById("button4").className = ""; };
			}
}