// the number you pass to initLeft doesn't matter since it will get
// changed onactivate
var myMenu1 = new ypSlideOutMenu("menu1", "down", 1, 0, 200, 255)
var myMenu2 = new ypSlideOutMenu("menu2", "down", 1, 0, 128, 115)

// 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, -129); }
//myMenu2.onactivate = function() { repositionMenu(myMenu2, -10); }

// 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()
{
	if (document.documentElement.clientWidth)
	{
		return document.documentElement.clientWidth;
	}
	else if (document.body.offsetWidth)
	{
		return document.body.offsetWidth;
	}
	else if (window.innerWidth)
	{
		return window.innerWidth;
	}
}	

ypSlideOutMenu.writeCSS();