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 = "/";
	
	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('Temporary Exhibit', fUrl + 'the_museum/temporary_exhibit.html', false) 
	var menuitem_1_3 = menuitem_1.addMenu(menuitem_1.items[3]) 
	menuitem_1_3.addItem('Coming Soon', fUrl + 'the_museum/coming_soon.html', false) 
	menuitem_1_3.addItem('Past Temporary Exhibits', fUrl + 'the_museum/past_temporary_exhibits.html', true) 
	menuitem_1.addItem('Showtimes', fUrl + 'showtimes/showtimes.html', false) 
	menuitem_1.addItem('IMAX Theatre', fUrl + 'showtimes/imax_theatre.html', false) 
	menuitem_1.addItem('Spirit Theater', fUrl + 'showtimes/spirit_theater.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', fUrl + 'the_museum/store.html', 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('Magnificent Desolation', fUrl + 'showtimes/magnificent_desolation.html', false) 
	menuitem_2_1.addItem('Pulse: A Stomp Odyssey', fUrl + 'showtimes/pulse.html', false) 
	menuitem_2_1.addItem('Fighter Pilot', fUrl + 'showtimes/fighter_pilot.html', false) 
	menuitem_2_1.addItem('Texas: The Big Picture', fUrl + 'showtimes/texas_the_big_picture.html', false) 
	menuitem_2_1.addItem('Coming Soon: Polar Express', fUrl + 'showtimes/polar_express.html', true) 
	menuitem_2.addItem('Spirit Theater', fUrl + 'showtimes/spirit_theater.html', true) 
	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('Membership FAQ', fUrl + 'get_involved/membership_faq.html', false) 
	menuitem_3_1.addItem('Join or Renew', 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', 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('Programs for Students', fUrl + 'education/programs_for_students.html', false) 
	var menuitem_4_1 = menuitem_4.addMenu(menuitem_4.items[0]) 
	menuitem_4_1.addItem('The Star of Destiny Package', fUrl + 'education/star_of_destiny_package.html', false) 
	menuitem_4_1.addItem('Texas: The Big Picture Package', fUrl + 'education/texas_tbp_package.html', false) 
	menuitem_4_1.addItem('Explore the Story Stations', fUrl + 'education/explore_the_story_stations.html', true) 
	menuitem_4.addItem('Scholarships', fUrl + 'education/scholarships.html', false) 
	menuitem_4.addItem('Educators Professional Development', fUrl + 'education/educators_professional_development.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('History', fUrl + 'education/history.html', false) 
	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('School Groups', fUrl + 'visit/school_groups.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('Planning and Policy', fUrl + 'facility_rental/planning_and_policy.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;