function init() {
	// 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.
	mtDropDown.initialize();
}

if (mtDropDown.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 mtDropDownSet(mtDropDown.direction.down, 0, 0, mtDropDown.reference.bottomLeft);

	//==================================================================================================
	// create a dropdown menu
	//==================================================================================================
	// the first parameter should be the HTML element which will act actuator for the menu
	//==================================================================================================
	
	fUrl = "http://www.thestoryoftexas.com/";
	
	var menuitem_1 = ms.addMenu(document.getElementById('menuitem_1')) 
	menuitem_1.onactivate = function() { document.getElementById('menuitem_1').className = 'hover' } 
	menuitem_1.ondeactivate = function() { document.getElementById('menuitem_1').className = '' } 
	menuitem_1.addItem('About', fUrl + 'the_museum/about.html', false) 
	menuitem_1.addItem('Programs', fUrl + 'the_museum/programs.html', false) 
	menuitem_1.addItem('Exhibits', fUrl + 'the_museum/exhibits.html', false) 
	menuitem_1.addItem('Special Exhibit', fUrl + 'the_museum/temporary_exhibit.html', false) 
	var menuitem_1_3 = menuitem_1.addMenu(menuitem_1.items[3]) 
			//menuitem_1_3.addItem('Cowboys and Presidents', fUrl + 'the_museum/temporary_exhibit.html', false)	
			
			menuitem_1_3.addItem('A Look Ahead', fUrl + 'the_museum/look_ahead.html', false)
			menuitem_1_3.addItem('Past Special Exhibits', fUrl + 'the_museum/past_temporary_exhibits.html', false)
			menuitem_1_3.addItem('Traveling Exhibit', fUrl + 'the_museum/coming_soon.html', false)
			
			
	menuitem_1.addItem('Public Events', fUrl + 'the_museum/public_events.html', false)	
	var menuitem_1_4 = menuitem_1.addMenu(menuitem_1.items[4])
			menuitem_1_4.addItem('Past Public Events', fUrl + 'the_museum/past_public_events.html', false)
	
	menuitem_1.addItem('Showtimes', fUrl + 'showtimes/showtimes.html', false) 
	menuitem_1.addItem('IMAX Theatre', fUrl + 'showtimes/imax_theatre.html', false) 
	menuitem_1.addItem('Cafe', fUrl + 'the_museum/cafe.html', false) 
	var menuitem_1_7 = menuitem_1.addMenu(menuitem_1.items[7]) 
			menuitem_1_7.addItem('Menu', fUrl + 'the_museum/menu.html', true) 
	menuitem_1.addItem('Store', 'http://www.texasstatehistorymuseumstore.com', false) 
	menuitem_1.addItem('Press Room', fUrl + 'the_museum/press_room.html', true) 
	var menuitem_1_9 = menuitem_1.addMenu(menuitem_1.items[9]) 
			menuitem_1_9.addItem('Press Kit', fUrl + 'the_museum/press_kit.html', false) 
	var menuitem_1_9_1 = menuitem_1_9.addMenu(menuitem_1_9.items[0]) 
	menuitem_1_9_1.addItem('About the Museum', fUrl + 'the_museum/about_the_museum.html', false) 
	menuitem_1_9_1.addItem('About the Exhibits', fUrl + 'the_museum/about_the_exhibits.html', false) 
	menuitem_1_9_1.addItem('About the Texas Spirit Theater', fUrl + 'the_museum/about_the_texas_spirit_theater.html', false) 
	menuitem_1_9_1.addItem('About the IMAX Theatre', fUrl + 'the_museum/about_the_imax_theatre.html', false) 
	menuitem_1_9_1.addItem('About Bob Bullock', fUrl + 'the_museum/about_bob_bullock.html', true) 
	menuitem_1_9.addItem('Image Library', fUrl + 'the_museum/image_library.html', true) 
	var menuitem_1_9_2 = menuitem_1_9.addMenu(menuitem_1_9.items[1]) 
	menuitem_1_9_2.addItem('Download Images', fUrl + 'the_museum/download_images.html', true) 
	var menuitem_2 = ms.addMenu(document.getElementById('menuitem_2')) 
	menuitem_2.onactivate = function() { document.getElementById('menuitem_2').className = 'hover' } 
	menuitem_2.ondeactivate = function() { document.getElementById('menuitem_2').className = '' } 
	menuitem_2.addItem('IMAX Theatre', fUrl + 'showtimes/imax_theatre.html', false) 
	var menuitem_2_1 = menuitem_2.addMenu(menuitem_2.items[0]) 
				//menuitem_2_1.addItem('Sea Monsters 3D: A Prehistoric Adventure', fUrl + 'showtimes/sea_monsters3d.html', false)
				//menuitem_2_1.addItem('The Light Before Christmas', fUrl + 'showtimes/light_before_christmas.html', false)
				//menuitem_2_1.addItem('Harry Potter and the Half-Blood Prince : An IMAX 3D Experience', fUrl + 'showtimes/harry_potter6.html', false)
				menuitem_2_1.addItem('Disneys A Christmas Carol: An IMAX 3D Experience', fUrl + 'showtimes/christmas_carol.html', false)
				menuitem_2_1.addItem('MacGillivray Freemans The Alps', fUrl + 'showtimes/alps.html', false)
				menuitem_2_1.addItem('Texas: The Big Picture', fUrl + 'showtimes/texas_the_big_picture.html', false)
				menuitem_2_1.addItem('Under the Sea 3D', fUrl + 'showtimes/under_the_sea_3d.html', false)
				//menuitem_2_1.addItem('Where the Wild Things Are: The IMAX Experience', fUrl + 'showtimes/where_the_wild_things_are.html', false)
				
	menuitem_2.addItem('Texas Spirit Theater', fUrl + 'showtimes/spirit_theater.html', false)
	var menuitem_2_2 = menuitem_2.addMenu(menuitem_2.items[1])
				//menuitem_2_2.addItem('Made in Texas Film Series', fUrl + 'showtimes/spirit/made_in_texas.html', false)
				menuitem_2_2.addItem('Texas Spirit Theater Documentary Series', fUrl + 'showtimes/spirit/documentary.html', false)
				menuitem_2_2.addItem('The Star of Destiny', fUrl + 'showtimes/special/star_of_destiny.html', false)
				menuitem_2_2.addItem('Wild Texas Weather', fUrl + 'showtimes/spirit/wild_texas_weather.html', false)
				
	var menuitem_3 = ms.addMenu(document.getElementById('menuitem_3')) 
	menuitem_3.onactivate = function() { document.getElementById('menuitem_3').className = 'hover' } 
	menuitem_3.ondeactivate = function() { document.getElementById('menuitem_3').className = '' } 
	menuitem_3.addItem('Membership', fUrl + 'get_involved/membership.html', false) 
	var menuitem_3_1 = menuitem_3.addMenu(menuitem_3.items[0]) 
			menuitem_3_1.addItem('About Membership', fUrl + 'get_involved/membership_faq.html', false) 
			menuitem_3_1.addItem('Join Today', fUrl + 'get_involved/join_or_renew.html', false) 
			menuitem_3_1.addItem('Levels and Benefits', fUrl + 'get_involved/levels_and_benefits.html', false) 
			//menuitem_3_1.addItem('Events and Programs', fUrl + 'get_involved/events_and_programs.html', false) 
			//menuitem_3_1.addItem('TEXcursions', fUrl + 'get_involved/texcursions.html', true) 
	menuitem_3.addItem('Support', fUrl + 'get_involved/support.html', false) 
	var menuitem_3_2 = menuitem_3.addMenu(menuitem_3.items[1]) 
			menuitem_3_2.addItem('Individual', fUrl + 'get_involved/individual.html', false) 
			menuitem_3_2.addItem('Corporate', fUrl + 'get_involved/corporate.html', true) 
	menuitem_3.addItem('Volunteer', fUrl + 'get_involved/volunteer.html', false) 
	var menuitem_3_3 = menuitem_3.addMenu(menuitem_3.items[2]) 
			menuitem_3_3.addItem('Volunteer Opportunities', fUrl + 'get_involved/volunteer_opportunities.html', false) 
			menuitem_3_3.addItem('Become a Volunteer', fUrl + 'get_involved/become_a_volunteer.html', true) 
	menuitem_3.addItem('TSHM Foundation', fUrl + 'get_involved/tshm_foundation.html', false)
	var menuitem_3_4 = menuitem_3.addMenu(menuitem_3.items[3])
			menuitem_3_4.addItem('History-Making Texans', fUrl + 'get_involved/history_making_texan_awards.html', true)
			menuitem_3_4.addItem('Board of Trustees', fUrl + 'get_involved/special/foundation_board.html', true)
	menuitem_3.addItem('Employment and Internships', fUrl + 'the_museum/special/employment.html', true)
	
	var menuitem_4 = ms.addMenu(document.getElementById('menuitem_4')) 
	menuitem_4.onactivate = function() { document.getElementById('menuitem_4').className = 'hover' } 
	menuitem_4.ondeactivate = function() { document.getElementById('menuitem_4').className = '' } 
	menuitem_4.addItem('Educators', fUrl + 'education/educators.html', false) 
	var menuitem_4_1 = menuitem_4.addMenu(menuitem_4.items[0]) 
			menuitem_4_1.addItem('K-12th Grade Teachers', fUrl + 'education/k12.html', false) 
			menuitem_4_1.addItem('Home School', fUrl + 'education/homeschool.html', false) 
			menuitem_4_1.addItem('Adult ESL Educators', fUrl + 'education/adult_esl.html', true)
			//menuitem_4_1.addItem('My Story is a Texas Story Scout History Patch', fUrl + 'education/my_story_patch.html', false)
			//menuitem_4_1.addItem('La Belle Online', fUrl + 'education/Labelle/labelle.html', true)	
	menuitem_4.addItem('Families', fUrl + 'education/families.html', false)
	var menuitem_4_2 = menuitem_4.addMenu(menuitem_4.items[1]) 
			menuitem_4_2.addItem('Explore the Story Programs', fUrl + 'education/ets_programs.html', false)
			menuitem_4_2.addItem('TEXplorations', fUrl + 'education/texplorations.html', false)	
			menuitem_4_2.addItem('TEXpeditions', fUrl + 'education/texpeditions.html', true)	
	menuitem_4.addItem('Adults', fUrl + 'education/adults.html', false) 
	var menuitem_4_3 = menuitem_4.addMenu(menuitem_4.items[2]) 
			// menuitem_4_3.addItem('Field Trip Planning', fUrl + 'education/field_trip_planning.html', false) 
			// menuitem_4_3.addItem('Art', fUrl + 'education/art.html', false) 
			menuitem_4_3.addItem('High Noon Talks', fUrl + 'education/high_noon_talks.html', true) 
			// menuitem_4_3.addItem('Math', fUrl + 'education/math.html', false) 
			// menuitem_4_3.addItem('Science', fUrl + 'education/science.html', true) 
			// menuitem_4.addItem('School Groups', fUrl + 'education/school_groups.html', true)
	menuitem_4.addItem('Scouts', fUrl + 'education/scouts.html', false)
	var menuitem_4_4 = menuitem_4.addMenu(menuitem_4.items[3]) 
		menuitem_4_4.addItem('My Story is a Texas Story patch', fUrl + 'education/my_story_patch.html', true) 
	
	
	var menuitem_5 = ms.addMenu(document.getElementById('menuitem_5')) 
	menuitem_5.onactivate = function() { document.getElementById('menuitem_5').className = 'hover' } 
	menuitem_5.ondeactivate = function() { document.getElementById('menuitem_5').className = '' } 
	menuitem_5.addItem('General Information', fUrl + 'visit/general_information.html', false) 
	var menuitem_5_1 = menuitem_5.addMenu(menuitem_5.items[0]) 
	menuitem_5_1.addItem('Hours of Operation', fUrl + 'visit/hours_of_operation.html', false) 
	menuitem_5_1.addItem('Prices & Payment', fUrl + 'visit/prices_and_payment_general.html', false) 
	menuitem_5_1.addItem('Reservations', fUrl + 'visit/reservations_general.html', false) 
	menuitem_5_1.addItem('Parking & Directions', fUrl + 'visit/parking_and_directions_general.html', true) 
	menuitem_5.addItem('School Groups', fUrl + 'visit/school_groups.html', false) 
	var menuitem_5_2 = menuitem_5.addMenu(menuitem_5.items[1]) 
	menuitem_5_2.addItem('Reservations & Logistics', fUrl + 'visit/reservations_and_logistics_school_groups.html', false) 
	menuitem_5_2.addItem('Prices & Payment', fUrl + 'visit/prices_and_payment_school_groups.html', false) 
	// menuitem_5_2.addItem('Showtimes', fUrl + 'visit/showtimes.html', false) 
	menuitem_5_2.addItem('Showtimes', fUrl + 'showtimes/showtimes.html', false)
	menuitem_5_2.addItem('Lunch Options', fUrl + 'visit/lunch_options.html', false) 
	menuitem_5_2.addItem('Before You Arrive', fUrl + 'visit/before_you_arrive.html', false) 
	menuitem_5_2.addItem('Changes & Cancellations', fUrl + 'visit/changes_and_cancellations.html', false) 
	menuitem_5_2.addItem('Parking & Directions', fUrl + 'visit/parking_and_directions_school_groups.html', false) 
	menuitem_5_2.addItem('Arrival', fUrl + 'visit/arrival.html', true) 
	menuitem_5.addItem('Tour Groups', fUrl + 'visit/tour_groups.html', false) 
	var menuitem_5_3 = menuitem_5.addMenu(menuitem_5.items[2]) 
	menuitem_5_3.addItem('Reservations & Logistics', fUrl + 'visit/reservations_and_logistics_tour_groups.html', false) 
	menuitem_5_3.addItem('Prices & Payment', fUrl + 'visit/prices_and_payment_tour_groups.html', false) 
	menuitem_5_3.addItem('Guided Tours', fUrl + 'visit/guided_tours.html', false) 
	menuitem_5_3.addItem('Parking & Directions', fUrl + 'visit/parking_and_directions_tours.html', true) 
	menuitem_5.addItem('Hotel Packages', fUrl + 'visit/hotel_packages.html', false) 
	menuitem_5.addItem('Visitor Services', fUrl + 'visit/visitor_services.html', false) 
	menuitem_5.addItem('Accessibility', fUrl + 'visit/accessibility.html', true) 
	var menuitem_6 = ms.addMenu(document.getElementById('menuitem_6')) 
	menuitem_6.onactivate = function() { document.getElementById('menuitem_6').className = 'hover' } 
	menuitem_6.ondeactivate = function() { document.getElementById('menuitem_6').className = '' } 
	menuitem_6.addItem('Spaces', fUrl + 'facility_rental/spaces.html', false)
	menuitem_6.addItem('Facility Rental Rates', fUrl + 'facility_rental/facility_rental_rates.html', false)
	menuitem_6.addItem('Policy and Procedures', fUrl + 'facility_rental/policy_and_procedures.html', false) 
	menuitem_6.addItem('Catering and AV', fUrl + 'facility_rental/catering_and_av.html', true) 

	//==================================================================================================
	// 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.
	//==================================================================================================
	mtDropDown.renderAll();
	
}
window.onload = init;