var myOffset1 = 253;
		var myOffset2 = 369;
		var myOffset3 = 485;
		var myOffset4 = 601;
		var myOffset5 = 717;

		// the number you pass to initLeft doesn't matter since it will get
		// changed onactivate
		var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 74, 160, 400)
		var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 74, 160, 200)
		var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 74, 160, 200)
		var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 74, 290, 200)
    var myMenu5 = new ypSlideOutMenu("menu5", "down", 0, 74, 160, 200)
 		myMenu1.onactivate = repositionMenu1
		myMenu2.onactivate = repositionMenu2
		myMenu3.onactivate = repositionMenu3
		myMenu4.onactivate = repositionMenu4
    myMenu5.onactivate = repositionMenu5
		function repositionMenu1()
		{
			var newLeft = myOffset1;
			myMenu1.container.style ? myMenu1.container.style.left = newLeft + "px" : myMenu1.container.left = newLeft;
		}
		function repositionMenu2()
		{
			var newLeft = myOffset2;
			myMenu2.container.style ? myMenu2.container.style.left = newLeft + "px" : myMenu2.container.left = newLeft;
		}
		function repositionMenu3()
		{
			var newLeft = myOffset3;
			myMenu3.container.style ? myMenu3.container.style.left = newLeft + "px" : myMenu3.container.left = newLeft;
		}
		
		function repositionMenu4()
		{
			var newLeft = myOffset4;
			myMenu4.container.style ? myMenu4.container.style.left = newLeft + "px" : myMenu4.container.left = newLeft;
		}
		function repositionMenu5()
		{
			var newLeft = myOffset5;
			myMenu5.container.style ? myMenu5.container.style.left = newLeft + "px" : myMenu5.container.left = newLeft;
		}
	
		function getWindowWidth()
		{
			return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
		}