//Start Menu Code
var myOffset = -210;
var myOffset2 = -39;
var myOffset3 = 53;
// the number you pass to initLeft (offset x) doesn't matter since it will get
// changed onactivate

// (name, direction, offset x, offset y, width, height)
var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 221, 121, 75);
var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 221, 160, 75);
var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 221, 141, 122);

myMenu1.onactivate = repositionMenu;
myMenu2.onactivate = repositionMenu2;
myMenu3.onactivate = repositionMenu3;

function repositionMenu()
{
	var newLeft = getWindowWidth() / 2 + myOffset;
	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 getWindowWidth()
{
	return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
}