var myOffset1 = -325;
var myOffset2 = -250;
var myOffset3 = -195;
var myOffset4 = 172;


		// the number you pass to initLeft doesn't matter since it will get
		// changed onactivate
		//var myMenu = new ypSlideOutMenu("menu1", "down", dist from left, dist from top, width, height)
		
var myMenu1 = new ypSlideOutMenu("aboutus", "down", 100, 155, 190, 350) 
var myMenu2 = new ypSlideOutMenu("products", "down", 100, 155, 220, 210)
var myMenu3 = new ypSlideOutMenu("tools", "down", 100, 155, 190, 210)
var myMenu4 = new ypSlideOutMenu("resources", "down", 100, 155, 220, 210)
 
		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;
		}

//======================	 
		function getWindowWidth()
		{
			return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
		}