//MENU OPTIONS



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

// changed onactivate



var mainMenu = new ypSlideOutMenu("main", "down", 10, 148, 230,300)



var wineMenu = new ypSlideOutMenu("wine", "down", 10, 148, 250,200)



var functionsMenu = new ypSlideOutMenu("functions", "down", 10, 148, 250,200)



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



mainMenu.onactivate = function() { repositionMenu(mainMenu,-186); }



wineMenu.onactivate = function() { repositionMenu(wineMenu,-241); }



functionsMenu.onactivate = function() { repositionMenu(functionsMenu,-57); }



//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)

{

	var browser= navigator.appName;

	

	// the new left position should be the center of the window + the offset

	var newLeft = getWindowWidth() / 2 + offset;

	if(browser=='Netscape'){

		newLeft = newLeft-11;

		menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;

	}

	if(browser=="Microsoft Internet Explorer"){

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

}



//-->