var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 36, 200, 312) // ypSlideOutMenu("menu1", "right", left, top, width, height)
var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 36, 200, 374) // ypSlideOutMenu("menu2", "right", left, top, width, height)
var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 36, 200, 64) // ypSlideOutMenu("menu3", "right", left, top, width, height)


myMenu1.onactivate = function() {	// dla każdego obiektu ustawiamy pozycję
	repositionMenu(myMenu1, -325);
}
myMenu2.onactivate = function() {	// dla każdego obiektu ustawiamy pozycję
	repositionMenu(myMenu2, -162);
}
myMenu3.onactivate = function() {	// dla każdego obiektu ustawiamy pozycję
	repositionMenu(myMenu3, 164);
}


function repositionMenu(menu, offset) // ustawienia przesunięcia
{
	var newLeft = getWindowWidth() / 2 + offset; // dla IE lewa pozycja to środek plus przesuniecie

	menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft; // dla innych przeglądarek niż IE
}


function getWindowWidth()	// obliczanie szerokości okna
{
	return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
}	


ypSlideOutMenu.writeCSS();