//MENU OPTIONS

// the number you pass to initLeft doesn't matter since it will get
// changed onactivate
var homeMenu = new ypSlideOutMenu("home", "down", -1000, 153, 250, 260)
var productsMenu = new ypSlideOutMenu("products", "down", -1000, 153, 180, 260, null)

var dvrMenu = new ypSlideOutMenu("dvrs", "right", -1000, 153, 180, 82, "products")
var cameraMenu = new ypSlideOutMenu("cameras", "right", -1000, 173, 200, 82, "products")
var monitorMenu = new ypSlideOutMenu("monitors", "right", -1000, 193, 180, 82, "products")
var alarmMenu = new ypSlideOutMenu("alarms", "right", -1000, 273, 180, 82, "products")
var accessMenu = new ypSlideOutMenu("access", "right", -1000, 293, 180, 110, "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, -360); }
productsMenu.onactivate = function() { repositionMenu(productsMenu, -290); }

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

//-->