var abschlussgrafik_hoehe = 10;
var faq_verbreiterung = 38;	//faq wird links und rechts faq_verbreiterung/2 pixel verbreitert
var spiel_verbreiterung = 60;
// calc width
var breitem1 = 115 + 2; // 2px border
var breitem2 = 173;
var breitem3 = 141;
var breitem4 = 81;  // FAQ
var breitem5 = 286;

// calc height
// anzahl einträge * höhe
var m1h = 0; // News
var m2h = 4 * 32 + abschlussgrafik_hoehe; // Download
var m3h = 7 * 32;  // "Das Spiel"
m3h += 12 * 19 + abschlussgrafik_hoehe;  // "Das Spiel"
var m4h = 4 * 25 + abschlussgrafik_hoehe; // FAQ
var m5h = 10 * 25 + abschlussgrafik_hoehe; // Hinter den Kulissen

// Menü
// ypSlideOutMenu(id, dir, left, top, width, height)
var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 249, breitem1, m1h);
var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 249, breitem2, m2h);
var myMenu3 = new ypSlideOutMenu("menu3", "down", 50, 249, breitem3 + spiel_verbreiterung, m3h);
var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 249, breitem4 + faq_verbreiterung, m4h);
var myMenu5 = new ypSlideOutMenu("menu5", "down", 0, 249, breitem5, m5h);


function SetMenue() { 
   // menue length
   m0 = 1;
   m1 = breitem1 + m0;
   m2 = breitem2 + m1;
   m3 = breitem3 + m2;
   m4 = breitem4 + m3;

   myMenu1.onactivate = function() { repositionMenu(myMenu1, m0); }
   myMenu2.onactivate = function() { repositionMenu(myMenu2, m1); }
   myMenu3.onactivate = function() { repositionMenu(myMenu3, m2 - (spiel_verbreiterung/2) ); }
   myMenu4.onactivate = function() { repositionMenu(myMenu4, m3 - (faq_verbreiterung/2) ); }
   myMenu5.onactivate = function() { repositionMenu(myMenu5, m4); }

}

function repositionMenu(menu, offset) {
   var ww = getWindowWidth();
   
   if(ww < 800)var ww1 = ww;
   else var ww1 = 800;
   	
   var newLeft = ((getWindowWidth() - ww1) / 2) + offset;
   menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
   menu.container.style ? menu.container.style.display = "inline" : false;
 }

function getWindowWidth() {
   var window_width = document.body.clientWidth;
   
   if(navigator.userAgent.search(/Firefox/) > -1)
   {
   	window_width = window_width - 2;
   }

   return window_width;
}