<!--
// the number you pass to initLeft doesn't matter since it will get

// changed onactivate

var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 290, 120, 104)

var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 290, 130, 80)

var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 290, 140, 110)
var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 290, 110, 156)

// 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, -40); }

myMenu2.onactivate = function() { repositionMenu(myMenu2, 20); }

myMenu3.onactivate = function() { repositionMenu(myMenu3, 110); }

myMenu4.onactivate = function() { repositionMenu(myMenu4, 265); }

 
// 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;
}