<!-- Author: Aaron aaron@youngpup.net - http://youngpup.net -->
<!-- Permission granted to SimplytheBest.net to feature the script in the DHTML script collection at http://simplythebest.net/scripts/ -->
 
	     //new ypSlideOutMenu("number menu", "slide position", left, top, width, height)
		//var myMenu1 = new ypSlideOutMenu("menu1", "down", 392, yPosition, 120, 120)
		//var myMenu2 = new ypSlideOutMenu("menu2", "down", 447, yPosition, 120, 0)
		//var myMenu3 = new ypSlideOutMenu("menu3", "down", 500, yPosition, 120, 0)
		//var myMenu4 = new ypSlideOutMenu("menu4", "down", 595, yPosition, 120, 0)
		
		var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 44, 120, 120)
        var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 44, 120, 120)
        var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 44, 120, 120)
        var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 44, 120, 120)

		
		// 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, -140); }
        myMenu2.onactivate = function() { repositionMenu(myMenu2, -86); }
        myMenu3.onactivate = function() { repositionMenu(myMenu3, -33); }
        myMenu4.onactivate = function() { repositionMenu(myMenu4, 62); }

    // 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;
        }    


    ypSlideOutMenu.writeCSS();

		
		   


//                           flyout effect, left, top, width, height
/* new ypSlideOutMenu("menu1", "down", 392, 44, 120, 120)
 new ypSlideOutMenu("menu2", "down", 447, 44, 120, 120)
 new ypSlideOutMenu("menu3", "down", 500, 44, 120, 120)
 new ypSlideOutMenu("menu4", "down", 595, 44, 80, 120)
  */