var myOffset1 = -162;
var myOffset2 = -191;
var myOffset3 = 154;
var myOffset4 = 211;
var myOffset5 = 13;
var myOffset6 = -135;
var myOffset7 = 40;		
var myOffset8 = -55;		
var myOffset9 = 127;		

		// the number you pass to initLeft doesn't matter since it will get
		// changed onactivate
		//var myMenu = new ypSlideOutMenu("menu1", "down", 0, 25, 180, 200)
		//menu1 = accomodations, menu8 = amenities, menu9 = outdoors, menu3 = weddings, menu4 = meetings, menu5 = travel, menu 6 = theatre
var myMenu1 = new ypSlideOutMenu("menu1", "down", 185, 480, 240, 210)
var myMenu2 = new ypSlideOutMenu("menu2", "down", 485, 480, 170, 210)
var myMenu3 = new ypSlideOutMenu("menu3", "down", 345, 480, 170, 210)
var myMenu4 = new ypSlideOutMenu("menu4", "down", 485, 480, 170, 210)
var myMenu5 = new ypSlideOutMenu("menu5", "down", 485, 480, 210, 210)
var myMenu6 = new ypSlideOutMenu("menu6", "down", 485, 480, 170, 210)
var myMenu7 = new ypSlideOutMenu("menu7", "down", 185, 480, 170, 295)
var myMenu8 = new ypSlideOutMenu("menu8", "down", 185, 480, 170, 295)
var myMenu9 = new ypSlideOutMenu("menu9", "down", 185, 480, 170, 295)
 
		myMenu1.onactivate = repositionMenu1 
		function repositionMenu1()
		{
			var newLeft = getWindowWidth() / 2 + myOffset1;
			myMenu1.container.style ? myMenu1.container.style.left = newLeft + "px" : myMenu1.container.left = newLeft;
		}
//======================
		myMenu2.onactivate = repositionMenu2
		function repositionMenu2()
		{
			var newLeft = getWindowWidth() / 2 + myOffset2;
			myMenu2.container.style ? myMenu2.container.style.left = newLeft + "px" : myMenu2.container.left = newLeft;
		}
//======================
myMenu3.onactivate = repositionMenu3
		function repositionMenu3()
		{
			var newLeft = getWindowWidth() / 2 + myOffset3;
			myMenu3.container.style ? myMenu3.container.style.left = newLeft + "px" : myMenu3.container.left = newLeft;
		}
//======================
myMenu4.onactivate = repositionMenu4
		function repositionMenu4()
		{
			var newLeft = getWindowWidth() / 2 + myOffset4;
			myMenu4.container.style ? myMenu4.container.style.left = newLeft + "px" : myMenu4.container.left = newLeft;
		}
//======================
myMenu5.onactivate = repositionMenu5
		function repositionMenu5()
		{
			var newLeft = getWindowWidth() / 2 + myOffset5;
			myMenu5.container.style ? myMenu5.container.style.left = newLeft + "px" : myMenu5.container.left = newLeft;
		}
//======================
myMenu6.onactivate = repositionMenu6
		function repositionMenu6()
		{
			var newLeft = getWindowWidth() / 2 + myOffset6;
			myMenu6.container.style ? myMenu6.container.style.left = newLeft + "px" : myMenu6.container.left = newLeft;
		}
//======================		

myMenu7.onactivate = repositionMenu7
		function repositionMenu7()
		{
			var newLeft = getWindowWidth() / 2 + myOffset7;
			myMenu7.container.style ? myMenu7.container.style.left = newLeft + "px" : myMenu7.container.left = newLeft;
		}
		
//======================		

myMenu8.onactivate = repositionMenu8
		function repositionMenu8()
		{
			var newLeft = getWindowWidth() / 2 + myOffset8;
			myMenu8.container.style ? myMenu8.container.style.left = newLeft + "px" : myMenu8.container.left = newLeft;
		}
//======================	
//======================		

myMenu9.onactivate = repositionMenu9
		function repositionMenu9()
		{
			var newLeft = getWindowWidth() / 2 + myOffset9;
			myMenu9.container.style ? myMenu9.container.style.left = newLeft + "px" : myMenu9.container.left = newLeft;
		} 
		function getWindowWidth()
		{
			return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
		}