// 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 = -386;
// 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, 176, 280, 130);  
var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 176, 280, 130);
var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 176, 280, 130);
var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 176, 264, 130); 
var myMenu5 = new ypSlideOutMenu("menu5", "down", 0, 176, 280, 250);

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

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

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

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

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

function repositionMenu5()
{
	var newLeft = getWindowWidth() / 2 + myOffset + 335;	 
	myMenu5.container.style ? myMenu5.container.style.left = newLeft + "px" : myMenu5.container.left = newLeft;
}

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