		var myOffset1 = -380;
		var myOffset2 = -290;
		var myOffset3 = -200;
		var myOffset4 = -110;
		var myOffset5 = -100;
		var myOffset6 = 70;
		var myOffset7 = 160;
		var myOffset8 = 190;
		var myOffset9 = 270;		

		// the number you pass to initLeft doesn't matter since it will get
		// changed onactivate
		var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 136, 300, 80)
		var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 136, 250, 80)
		var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 136, 200, 80)
		var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 136, 250, 80)
		var myMenu5 = new ypSlideOutMenu("menu5", "down", 0, 136, 450, 80)
		var myMenu6 = new ypSlideOutMenu("menu6", "down", 0, 136, 250, 80)
		var myMenu7 = new ypSlideOutMenu("menu7", "down", 0, 136, 230, 80)
		var myMenu8 = new ypSlideOutMenu("menu8", "down", 0, 136, 230, 80)
		var myMenu9 = new ypSlideOutMenu("menu9", "down", 0, 136, 230, 80)		

 		myMenu1.onactivate = repositionMenu1
		myMenu2.onactivate = repositionMenu2
		myMenu3.onactivate = repositionMenu3
		myMenu4.onactivate = repositionMenu4
		myMenu5.onactivate = repositionMenu5
		myMenu6.onactivate = repositionMenu6
		myMenu7.onactivate = repositionMenu7
		myMenu8.onactivate = repositionMenu8
		myMenu9.onactivate = repositionMenu9

		function repositionMenu1()
		{
			var newLeft = getWindowWidth()/2+myOffset1;
			myMenu1.container.style ? myMenu1.container.style.left = newLeft + "px" : myMenu1.container.left = newLeft;
		}
		function repositionMenu2()
		{
			var newLeft = getWindowWidth()/2+myOffset2;
			myMenu2.container.style ? myMenu2.container.style.left = newLeft + "px" : myMenu2.container.left = newLeft;
		}
		function repositionMenu3()
		{
			var newLeft = getWindowWidth()/2+myOffset3;
			myMenu3.container.style ? myMenu3.container.style.left = newLeft + "px" : myMenu3.container.left = newLeft;
		}
		function repositionMenu4()
		{
			var newLeft = getWindowWidth()/2+myOffset4;
			myMenu4.container.style ? myMenu4.container.style.left = newLeft + "px" : myMenu4.container.left = newLeft;
		}
		function repositionMenu5()
		{
			var newLeft = getWindowWidth()/2+myOffset5;
			myMenu5.container.style ? myMenu5.container.style.left = newLeft + "px" : myMenu5.container.left = newLeft;
		}
		function repositionMenu6()
		{
			var newLeft = getWindowWidth()/2+myOffset6;
			myMenu6.container.style ? myMenu6.container.style.left = newLeft + "px" : myMenu6.container.left = newLeft;
		}
		function repositionMenu7()
		{
			var newLeft = getWindowWidth()/2+myOffset7;
			myMenu7.container.style ? myMenu7.container.style.left = newLeft + "px" : myMenu7.container.left = newLeft;
		}
		function repositionMenu8()
		{
			var newLeft = getWindowWidth()/2+myOffset8;
			myMenu8.container.style ? myMenu8.container.style.left = newLeft + "px" : myMenu8.container.left = newLeft;
		}
		function repositionMenu9()
		{
			var newLeft = getWindowWidth()/2+myOffset9;
			myMenu9.container.style ? myMenu9.container.style.left = newLeft + "px" : myMenu9.container.left = newLeft;
		}


		function getWindowWidth()
		{
			return document.body.clientWidth;
		}