// 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", "down", -390, 195, 200, 300)			//About Us
		var myMenu2 = new ypSlideOutMenu("menu2", "down", -257, 195, 250, 300)				//Services
		var myMenu3 = new ypSlideOutMenu("menu3", "down", -133, 195, 200, 300, null)		//How To Apply
		var myMenu4 = new ypSlideOutMenu("menu4", "down", 43, 195, 200, 300, null)			//Staff/Board
		var myMenu5 = new ypSlideOutMenu("menu5", "down", 201, 195, 200, 300, null)	//How You Can Help
		//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 the onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { repositionMenu(myMenu1, -390); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -257); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, -133); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, 43); }
		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;
		}

//-->

