if (TransMenu.isSupported()) {
	
	var ms = new TransMenuSet(TransMenu.direction.down, -2, -2, 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_residential"));
	menu1.addItem("Lawn Care Maintenance Programs", "/residential-landscaping/lawn-service-programs");
	menu1.addItem("Landscape Design & Installation", "/residential-landscaping/landscape-design-and-installation");
	menu1.addItem("Hardscape Design", "/residential-landscaping/hardscape-design");
	menu1.addItem("Landscape Paver Design & Installation", "/residential-landscaping/paver-design-and-installation");
	menu1.addItem("Seasonal Color Programs", "/residential-landscaping/seasonal-color-programs");
	menu1.addItem("Before & After Photos", "/residential-landscaping/before-and-after-galleries/list/1");
		
	//==================================================================================================
	
	var menu2 = ms.addMenu(document.getElementById("nav_commercial"));
	menu2.addItem("Landscape Maintenance Programs", "/commercial-landscaping/landscape-maintenance-programs");
	menu2.addItem("Landscape Design & Installation", "/commercial-landscaping/landscape-design-and-installation");
	menu2.addItem("Seasonal Color Programs", "/commercial-landscaping/seasonal-color-programs");
	
	//==================================================================================================
	
	var menu3 = ms.addMenu(document.getElementById("nav_about"))
	menu3.addItem("Awards", "/about-us/awards");
	menu3.addItem("Testimonials", "/about-us/testimonials");
	menu3.addItem("Consumer's Choice", "/about-us/consumers-choice");
	
	//==================================================================================================
	
	// var menu4 = ms.addMenu(document.getElementById(""));
	// 	menu4.addItem("", "");
	

	//==================================================================================================
	
	// 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();
}