// ypSlideOutMenu info HAOSHI

        var myOffset1 = -101;
		var myOffset2 = -197;
		var myOffset4 = 98;
		// ypSlideOutMenus(sIdPrefix, sDir, iInitLeft, iInitTop, iWidth, iHeight)
		// the number you pass to initLeft doesn't matter since it will get changed onactivate
		var myMenu1 = new ypSlideOutMenu("menu1", "down", 103, 82, 96, 200)
		var myMenu2 = new ypSlideOutMenu("menu2", "down", 123, 82, 92, 500)
		var myMenu4 = new ypSlideOutMenu("menu4", "down", 122, 82, 66, 200)
		myMenu1.onactivate = repositionMenu1
		myMenu2.onactivate = repositionMenu2
		myMenu4.onactivate = repositionMenu4
 
		function repositionMenu1()
		{
			var newLeft1 = getWindowWidth() / 2 + myOffset1;
			myMenu1.container.style ? myMenu1.container.style.left = newLeft1 + "px" : myMenu1.container.left = newLeft1;
		}
		function repositionMenu2()
		{
			var newLeft2 = getWindowWidth() / 2 + myOffset2;
			myMenu2.container.style ? myMenu2.container.style.left = newLeft2 + "px" : myMenu2.container.left = newLeft2;
		}
		function repositionMenu4()
		{
			var newLeft4 = getWindowWidth() / 2 + myOffset4;
			myMenu4.container.style ? myMenu4.container.style.left = newLeft4 + "px" : myMenu4.container.left = newLeft4;
		}
	 
		function getWindowWidth()
		{
			return window.innerWidth ? window.innerWidth : document.body.offsetWidth / 2 + myOffset3;
			myMenu3.container.style ? myMenu3.container.style.left = newLeft3 + "px" : myMenu3.container.left = newLeft3;
		}
	 
		function getWindowWidth()
		{
			return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
		}