//MENU OPTIONS

// the number you pass to initLeft doesn't matter since it will get
// changed onactivate

var aboutMenu = new ypSlideOutMenu("about", "right", 10, 267, 182,100)

var productsMenu = new ypSlideOutMenu("products", "right", 110, 289, 182,120)
//var dvrMenu = new ypSlideOutMenu("dvrs", "right", -1000, 153, 180, 82, "products")

//var monitorMenu = new ypSlideOutMenu("monitors", "right", -1000, 193, 180, 82, "products")
 
// for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels

aboutMenu.onactivate = function() { repositionMenu(aboutMenu,-180); }

productsMenu.onactivate = function() { repositionMenu(productsMenu,-180); }

//dvrMenu.onactivate = function() { repositionMenu(dvrMenu, -110); }

//monitorMenu.onactivate = function() { repositionMenu(monitorMenu, -110); }

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

//-->