// JavaScript Document to overwrite init.js so the dropdowns are relative (fluid)

 
		var myOffset1 = -200;
		var myOffset2 = -150;
		var myOffset3 = -90;
		var myOffset4 = -30;
		var myOffset5 = 40;
		var myOffset6 = 110;
		var myOffset7 = 262;


		// the number you pass to initLeft doesn't matter since it will get
		// changed onactivate
		var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 357, 155, 200)
 		var myMenu2 = new ypSlideOutMenu("menu2", "down", 1, 357, 175, 200)
		var myMenu3 = new ypSlideOutMenu("menu3", "down", 2, 357, 175, 200)
		var myMenu4 = new ypSlideOutMenu("menu4", "down", 3, 357, 210, 200)
		var myMenu5 = new ypSlideOutMenu("menu5", "down", 4, 357, 170, 200)
		var myMenu6 = new ypSlideOutMenu("menu6", "down", 5, 357, 190, 200)
		var myMenu7 = new ypSlideOutMenu("menu7", "down", 6, 357, 115, 200)
		myMenu1.onactivate = repositionMenu
		myMenu2.onactivate = repositionMenu
		myMenu3.onactivate = repositionMenu
		myMenu4.onactivate = repositionMenu
		myMenu5.onactivate = repositionMenu
 		myMenu6.onactivate = repositionMenu
 		myMenu7.onactivate = repositionMenu
		
		function repositionMenu()
		{
			var newLeft = getWindowWidth() / 2 + myOffset1;
			myMenu1.container.style ? myMenu1.container.style.left = newLeft + "px" : myMenu1.container.left = newLeft;
			var newLeft = getWindowWidth() / 2 + myOffset2;
			myMenu2.container.style ? myMenu2.container.style.left = newLeft + "px" : myMenu2.container.left = newLeft;
			var newLeft = getWindowWidth() / 2 + myOffset3;
			myMenu3.container.style ? myMenu3.container.style.left = newLeft + "px" : myMenu3.container.left = newLeft;
			var newLeft = getWindowWidth() / 2 + myOffset4;
			myMenu4.container.style ? myMenu4.container.style.left = newLeft + "px" : myMenu4.container.left = newLeft;
			var newLeft = getWindowWidth() / 2 + myOffset5;
			myMenu5.container.style ? myMenu5.container.style.left = newLeft + "px" : myMenu5.container.left = newLeft;
			var newLeft = getWindowWidth() / 2 + myOffset6;
			myMenu6.container.style ? myMenu6.container.style.left = newLeft + "px" : myMenu6.container.left = newLeft;
			var newLeft = getWindowWidth() / 2 + myOffset7;
			myMenu7.container.style ? myMenu7.container.style.left = newLeft + "px" : myMenu7.container.left = newLeft;
		}
		 
		function getWindowWidth()
		{
			return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
		}