// the number you pass to initLeft doesn't matter since it will get
	// changed onactivate because of the centered layout
	vTop = 110;
	var myMenuAbout = new ypSlideOutMenu("MenuAbout", "down", -1000, vTop, 200, 500)
	var myMenuAboutNews = new ypSlideOutMenu("MenuAboutNews", "right", -1000, vTop+163, 200, 500)

	var myMenuGallery = new ypSlideOutMenu("MenuGallery", "down", -1000, vTop, 200, 500)

	var myMenuGalleryPortrait = new ypSlideOutMenu("MenuGalleryPortrait", "right", -1000, vTop+2, 200, 500)
	var myMenuGalleryAncestry = new ypSlideOutMenu("MenuGalleryAncestry", "right", -1000, vTop+30, 200, 500)
	
	var myMenuGalleryMini = new ypSlideOutMenu("MenuGalleryMini", "right", -1000, vTop+58, 200, 500)
	
	var myMenuGalleryFingerPrint = new ypSlideOutMenu("MenuGalleryFingerPrint", "right", -1000, vTop+86, 200, 500)
	var myMenuGalleryKiss = new ypSlideOutMenu("MenuGalleryKiss", "right", -1000, vTop+114, 200, 500)
	var myMenuGallerySolution = new ypSlideOutMenu("MenuGallerySolution", "right", -1000, vTop+142, 200, 500)

	var myMenuCustomer = new ypSlideOutMenu("MenuCustomer", "down", -1000, 27, 180, 500)

	var myMenuCurrency;
	if (!HTTPS && !IsDevIp)
	{
	//	myMenuCurrency = new ypSlideOutMenu("MenuCurrency", "down", -1000, vTop, 115, 500)
	}
	// for each menu, we set up the onactivate event to call repositionMenu with the amount offset from center, in pixels
	myMenuAbout.onactivate = function() { repositionMenu(myMenuAbout, -479); }
	myMenuAboutNews.onactivate = function() { repositionMenu(myMenuAboutNews, -277); }

	myMenuGallery.onactivate = function() { repositionMenu(myMenuGallery, -376); ypSlideOutMenu.hideMenu('MenuGalleryPortrait');ypSlideOutMenu.hideMenu('MenuGalleryAncestry');ypSlideOutMenu.hideMenu('MenuGalleryFingerPrint');ypSlideOutMenu.hideMenu('MenuGalleryKiss');ypSlideOutMenu.hideMenu('MenuGallerySolution')}
	myMenuGalleryAncestry.onactivate = function() { repositionMenu(myMenuGalleryAncestry, -174); }
	myMenuGalleryMini.onactivate = function() { repositionMenu(myMenuGalleryMini, -174); }
	myMenuGalleryPortrait.onactivate = function() { repositionMenu(myMenuGalleryPortrait, -174); }
	myMenuGalleryFingerPrint.onactivate = function() { repositionMenu(myMenuGalleryFingerPrint, -174); }
	myMenuGalleryKiss.onactivate = function() { repositionMenu(myMenuGalleryKiss, -174); }

	myMenuGallerySolution.onactivate = function() { repositionMenu(myMenuGallerySolution, -174); }

	// close galley child menu's
	//myMenuGalleryPortrait.ondeactivate = function() { ypSlideOutMenu.hideMenu('MenuGallery');}
	//myMenuGalleryFingerPrint.ondeactivate = function() { ypSlideOutMenu.hideMenu('MenuGallery');}
	//myMenuGalleryKiss.ondeactivate = function() { ypSlideOutMenu.hideMenu('MenuGallery'); }

	myMenuCustomer.onactivate = function() { repositionMenu(myMenuCustomer, 70); }
	if (!HTTPS && !IsDevIp)
	{
	//	myMenuCurrency.onactivate = function() { repositionMenu(myMenuCurrency, 230); }
	}
	myMenuAbout.ondeactivate = function() {ypSlideOutMenu.hideAll();}
	myMenuGallery.ondeactivate = function() {ypSlideOutMenu.hideAll();}

	myMenuAbout.ondeactivate = function() {document.getElementById('about').src='media/tmp_nav_about.gif';ypSlideOutMenu.hideMenu('MenuAboutNews')}

	myMenuGallery.ondeactivate = function() {ypSlideOutMenu.hideMenu('MenuGalleryPortrait');ypSlideOutMenu.hideMenu('MenuGalleryFingerPrint');ypSlideOutMenu.hideMenu('MenuGalleryKiss');ypSlideOutMenu.hideMenu('MenuGalleryAncestry');}


	myMenuGallery.ondeactivate = function() {document.getElementById('product').src='media/tmp_nav_product.gif';}

	// this function repositions a menu to the speicified offset from center
	function repositionMenu(menu, offset)
	{
		
		// if we are using firefox add some extra offset
		vUserAgent = navigator.userAgent
		if(vUserAgent.indexOf("IE") == -1){
			offset = offset-8;
		}
		
		// 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;
	}
	ypSlideOutMenu.writeCSS();