if (TransMenu.isSupported()) {
	
	var ms = new TransMenuSet(TransMenu.direction.down, 0, 0, TransMenu.reference.bottomLeft);
	// var msp = new TransMenuSet(TransMenu.direction.down, -50, 0, TransMenu.reference.bottomLeft);

	//==================================================================================================
	// create a dropdown menu
	//==================================================================================================
	// the first parameter should be the HTML element which will act actuator for the menu
	//==================================================================================================
	
	// NOTE - use only relative or absolute paths in this file (no rails-style links)
	//==================================================================================================
	
	var menu1 = ms.addMenu(document.getElementById("nav_about"));
	menu1.addItem("History and Mission", "/about");
	menu1.addItem("Board of Directors", "/staff-profiles/board-of-directors");
	menu1.addItem("Staff", "/staff-profiles/staff");
	menu1.addItem("Fact Sheets", "/about/fact-sheets");
	menu1.addItem("990", "/about/irs-990");
	menu1.addItem("Photo Galleries", "/galleries/list/1");
	menu1.addItem("Media Kit", "/about/media-kit");
	menu1.addItem("Features", "/news/list");
	menu1.addItem("Blog", "/blog/list");
	menu1.addItem("Announcements", "/announcements");
	menu1.addItem("Events", "/events");
	menu1.addItem("Contact Us", "/contact-us");
	
		
	//==================================================================================================
	
	var menu2 = ms.addMenu(document.getElementById("nav_students"));
	menu2.addItem("Qualifications", "/students");
	menu2.addItem("Applications", "/students/applications");
	menu2.addItem("FAQs", "/frequently-asked-questions");
	menu2.addItem("2011 JRF Scholars", "/students/current-scholars");
	menu2.addItem("Previous Scholars", "/students/scholars");
	menu2.addItem("Resources", "/resources");
	
	
	//==================================================================================================
	
	var menu3 = ms.addMenu(document.getElementById("nav_impact"))
	menu3.addItem("Who We Help", "/impact/who-we-help");
	menu3.addItem("Program Description", "/impact/program-description");
	menu3.addItem("Scholar Stories", "/scholars/list");
	menu3.addItem("Map", "/impact/map");
	
	
	//==================================================================================================
	
	var menu4 = ms.addMenu(document.getElementById("nav_support"));
	menu4.addItem("Why Donate", "/support/why-donate");
	menu4.addItem("Give Now", "/support/give-now");
	menu4.addItem("Donor Stories", "/support/donor-stories");
	menu4.addItem("Planned Giving", "/support/planned-giving");
	menu4.addItem("Your Investment", "/support/your-investment");
	

	//==================================================================================================
	
	// var menu5 = ms.addMenu(document.getElementById(""));
	// 	menu5.addItem("", "/");
	// 	menu5.addItem("", "/");
	// 	menu5.addItem("", "/");
	// 	menu5.addItem("", "/");
	
	//==================================================================================================	
	
	//==================================================================================================
	//==================================================================================================
	// 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();
}
