//MENU OPTIONS

// the number you pass to initLeft doesn't matter since it will get
// changed onactivate
var homeMenu = new ypSlideOutMenu("home", "down", -200, 131, 160, 100)
var dockMenu = new ypSlideOutMenu("dock", "down", -200, 131, 110, 100)
//var productsMenu = new ypSlideOutMenu("products", "down", -1000, 235,160,150)
//var dvrMenu = new ypSlideOutMenu("dvrs", "right", -1000, 153, 180, 82, "products")
//var cameraMenu = new ypSlideOutMenu("cameras", "right", -1000, 258, 140, 150, "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
homeMenu.onactivate = function() { repositionMenu(homeMenu, -218); }
dockMenu.onactivate = function() { repositionMenu(dockMenu, -103); }
//productsMenu.onactivate = function() { repositionMenu(productsMenu, 70); }

//dvrMenu.onactivate = function() { repositionMenu(dvrMenu, -110); }
//cameraMenu.onactivate = function() { repositionMenu(cameraMenu, 150); }
//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;
}

//-->