//                                MENI     NASOKA X  Y    DelX DelY
var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 170, 150, 66)
var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 170, 150, 130)
var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 170, 150, 45)
var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 170, 150, 66)

myMenu1.onactivate = function() {repositionMenu(myMenu1, -235);}
myMenu2.onactivate = function() {repositionMenu(myMenu2, -26);}
myMenu3.onactivate = function() {repositionMenu(myMenu3, 160);}
myMenu4.onactivate = function() {repositionMenu(myMenu4, -310);}

function repositionMenu(menu, offset) {
 var newLeft = getWindowWidth() / 2 + offset;
 menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
}

function getWindowWidth() {return window.innerWidth ? window.innerWidth : document.body.offsetWidth;}

ypSlideOutMenu.writeCSS();