// JavaScript Document
//MENU OPTIONS

		// the number you pass to initLeft doesn't matter since it will get
		// changed onactivate					       left, top, width, height
		var myMenu1 = new ypSlideOutMenu("menu1", "right", -1000, 144, 500, 300)				//About Us
		var myMenu2 = new ypSlideOutMenu("menu2", "right", -1000, 174, 500, 300)				//Programs
		var myMenu3 = new ypSlideOutMenu("menu3", "right", -1000, 360, 500, 300, null)			//Membership
		var myMenu4 = new ypSlideOutMenu("menu4", "right", -1000, 391, 500, 300, null)			//Staff & Board
		//var myMenu5 = new ypSlideOutMenu("menu5", "right", -1000, 178, 170, 160, null)			//Empty
		//var myMenu6 = new ypSlideOutMenu("menu6", "right", -1000, 178, 170, 90)			     //Empty

          //Sub Menus
		var myMenu22 = new ypSlideOutMenu("menu22", "right", -1000, 198, 250, 300, "menu2")
  		//var myMenu42 = new ypSlideOutMenu("menu42", "right", -1000, 202, 170, 200, "menu4")
		//var myMenu44 = new ypSlideOutMenu("menu44", "right", -1000, 274, 170, 120, "menu4")
		//var myMenu46 = new ypSlideOutMenu("menu46", "right", -1000, 298, 170, 120, "menu4")
		//var myMenu48 = new ypSlideOutMenu("menu48", "right", -1000, 322, 170, 170, "menu4")
		//var myMenu51 = new ypSlideOutMenu("menu51", "left", -1000, 178, 170, 150, "menu5")
		//var myMenu53 = new ypSlideOutMenu("menu53", "left", -1000, 202, 170, 250, "menu5")
		//var myMenu55 = new ypSlideOutMenu("menu55", "left", -1000, 274, 170, 250, "menu53")
	

     
    // for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { repositionMenu(myMenu1, -236); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -236); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, -236); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, -236); }
		//myMenu5.onactivate = function() { repositionMenu(myMenu5, 201); }
		//myMenu6.onactivate = function() { repositionMenu(myMenu6, 218); }

          //Sub Menus
		myMenu22.onactivate = function() { repositionMenu(myMenu22, 13); }
		//myMenu42.onactivate = function() { repositionMenu(myMenu42, 208); }
		//myMenu44.onactivate = function() { repositionMenu(myMenu44, 208); }
		//myMenu46.onactivate = function() { repositionMenu(myMenu46, 208); }
		//myMenu48.onactivate = function() { repositionMenu(myMenu48, 208); }
		//myMenu51.onactivate = function() { repositionMenu(myMenu51, 43); }
		//myMenu53.onactivate = function() { repositionMenu(myMenu53, 43); }
		//myMenu55.onactivate = function() { repositionMenu(myMenu55, -112); }

    // this function repositions a menu to the speicified offset from center
		function repositionMenu(menu, offset)
		{
      // the new left position should be the center of the window + the offset
			var newLeft = getWindowWidth() / 2 + offset;

      // setting the left position in netscape is a little different than IE
			menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
		}
		 
    // this function calculates the window's width - different for IE and netscape
		function getWindowWidth()
		{
			return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
		}

//-->