// Drop down and slide menu controls - including the link to the ypslideoutmenusc.js file in each page of the site
 
//Start Menu Code
var myOffset = -350;
// the number you pass to initLeft doesn't matter since it will get
// changed onactivate


// postions mean left, top, width, height
var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 118, 124, 22);  
var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 118, 178, 130);
var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 118, 178, 164);
var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 118, 198, 140); 

myMenu1.onactivate = repositionMenu1;
myMenu2.onactivate = repositionMenu2;
myMenu3.onactivate = repositionMenu3;
myMenu4.onactivate = repositionMenu4;

function repositionMenu1()
{
	var newLeft = getWindowWidth() / 2 + myOffset + 69;	 
	myMenu1.container.style ? myMenu1.container.style.left = newLeft + "px" : myMenu1.container.left = newLeft;
}

function repositionMenu2()
{
	var newLeft = getWindowWidth() / 2 + myOffset + 190;	 
	myMenu2.container.style ? myMenu2.container.style.left = newLeft + "px" : myMenu2.container.left = newLeft;
}

function repositionMenu3()
{
	var newLeft = getWindowWidth() / 2 + myOffset + 281;	 
	myMenu3.container.style ? myMenu3.container.style.left = newLeft + "px" : myMenu3.container.left = newLeft;
}

function repositionMenu4()
{
	var newLeft = getWindowWidth() / 2 + myOffset + 422;	 
	myMenu4.container.style ? myMenu4.container.style.left = newLeft + "px" : myMenu4.container.left = newLeft;
}

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