// Menü
var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 119, 134, 110);
var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 119, 148, 150);
var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 119, 148, 155);
var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 119, 158, 90);
var myMenu5 = new ypSlideOutMenu("menu5", "down", 0, 119, 148, 110);
var myMenu6 = new ypSlideOutMenu("menu6", "down", 0, 119, 134, 130);
var myMenu7 = new ypSlideOutMenu("menu7", "down", 0, 119, 134, 150);
var myMenu8 = new ypSlideOutMenu("menu8", "down", 0, 119, 137, 130); 
var myMenu9 = new ypSlideOutMenu("menu9", "down", 0, 119, 145, 90);
var myMenu10 = new ypSlideOutMenu("menu10", "down", 0, 119, 134, 98);

 //Positionen der Header-Links

function SetMenue() { 
   // menue length
   m0 = 25;   //Abstand des Klappmenüs von links
   m1 = 79 + m0;
   m2 = 79 + m1;
   m3 = 90 + m2;
   m4 = 90 + m3;
   m5 = 104 + m4;
   m6 = 88 + m5;
   m7 = 80 + m6;
   m8 = 130 + m7;
   m9 = 30 + m8;

    
	     
   
   myMenu1.onactivate = function() { repositionMenu(myMenu1, m0); }
   myMenu2.onactivate = function() { repositionMenu(myMenu2, m1); }
   myMenu3.onactivate = function() { repositionMenu(myMenu3, m2); }
   myMenu4.onactivate = function() { repositionMenu(myMenu4, m3); }
   myMenu5.onactivate = function() { repositionMenu(myMenu5, m4); }
   myMenu6.onactivate = function() { repositionMenu(myMenu6, m5); }
   myMenu7.onactivate = function() { repositionMenu(myMenu7, m6); }
   myMenu8.onactivate = function() { repositionMenu(myMenu8, m7); }
   myMenu9.onactivate = function() { repositionMenu(myMenu9, m8); }
   myMenu10.onactivate = function() { repositionMenu(myMenu10, m9); }


}

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

function getWindowWidth() {
   return document.body.clientWidth;
}