//MENU OPTIONS

// the number you pass to initLeft doesn't matter since it will get
// changed onactivate
var aboutMenu = new ypSlideOutMenu("about", "down", 0, 0, 180, 240)
var galleryMenu = new ypSlideOutMenu("gallery", "down", 0, 0, 250, 260)
var styleMenu = new ypSlideOutMenu("style", "down", 0, 0, 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")
 
//// 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, -119); }
//galleryMenu.onactivate = function() { repositionMenu(galleryMenu, -45); }
//styleMenu.onactivate = function() { repositionMenu(styleMenu, 58); }
//
////dvrMenu.onactivate = function() { repositionMenu(dvrMenu, -110); }
////cameraMenu.onactivate = function() { repositionMenu(cameraMenu, -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;
//}

//-->