/**
  * Navigation platzieren
  * @author Margrit Schnackenberg / Torsten K?hler
  * @param  -
  * @return -
  */ 
  
  window.onresize = setAllWidthAndHeight;	
	
	
  function setWrapperWidth (width) {
    var myNewWidth = width; 
    
    // ggf Berücksichtigen des Scrollbalkens, wenn vertical gescrollt wird,
    // d.h. die Höhe des Browserfensters geringer als die Websitehöhe () ist.
    document.getElementById('wrapper').style.width = myNewWidth + "px";
    
  }
  // Die Höhe (id wrapper, id background) muss gesetzt werden für das 
  // Hintergrundbild (Verlauf) und für den Beginn der Scroller
  // Sie darf nie kleiner sein, als die Website selbst, 
  // also main (dynamisch)+ headerContainer - margin (40)
  function getWrapperHeight (height) {
    var mainHeight = document.getElementById('main').offsetHeight; // margin-bottom footer
    var headerContainerHeight = document.getElementById('headerContainer').offsetHeight +20; // 20 = margin-top
    var websiteHeight = headerContainerHeight + mainHeight; 

    var myNewHeight = height; 
    // Wenn es einen vertikalen Scrollbalken gibt, 
    // dann muss die Breite auch neu berechnet werden, nämlich - 17px z.B.
    if (height < websiteHeight) {
      myNewHeight = websiteHeight;
      // Wenn die Sichtbare Höhe kliener ist als die Höhe der Inhalte, 
      // dann muss unten noch margin-bottom addiert werden.
      myNewHeight += 20;
    }
    //alert(myNewHeight);
    return myNewHeight;
  }
  
  
 
  function getWindowSize() {
    var myWidth = 0, myHeight = 0;
    if( typeof( window.innerWidth ) == 'number' ) {
      //Non-IE
      myWidth = window.innerWidth;
      myHeight = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
      //IE 6+ in 'standards compliant mode'
      myWidth = document.documentElement.clientWidth;
      myHeight = document.documentElement.clientHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
      //IE 4 compatible
      myWidth = document.body.clientWidth;
      myHeight = document.body.clientHeight;
    }

    var windowWidth = 0;
    var windowHeight = 1;
    var aWindowSize = new Array(2);
    
    aWindowSize[windowWidth] = myWidth;
    aWindowSize[windowHeight] = myHeight;
    
    return aWindowSize;
  }  
  
  function setAllWidthAndHeight () {
    var windowWidth = 0;
    var windowHeight = 1;
  
    var aWindowSize = getWindowSize();
  
    setWrapperWidth(aWindowSize[windowWidth]);
    var myNewHeight = getWrapperHeight(aWindowSize[windowHeight]);
    //alert(aWindowSize[windowHeight]);
    document.getElementById('wrapper').style.height = myNewHeight + "px";
    
    // Wenn es einen vertikalen Scrollbalken gibt, 
    // dann muss die Breite auch neu berechnet werden, nämlich - 17px z.B.
    if (aWindowSize[windowHeight] < myNewHeight) {
      sbWidth = scrollbarWidth();
      var widthWithoutScroller = aWindowSize[windowWidth] - sbWidth;
      document.getElementById('wrapper').style.width = widthWithoutScroller + "px";
      document.getElementById('background').style.width = widthWithoutScroller + "px";
    }
    else {
      document.getElementById('wrapper').style.width = aWindowSize[windowWidth] + "px";
      document.getElementById('background').style.width = aWindowSize[windowWidth] + "px";
    }
    
    // Setzen des Background: Darf nicht größer als 1000px; sein, wohl aber kleiner
    // Breite ist füllend
     // der Wrapper ist kleiner als 1000
    if (myNewHeight < 1000 ) 
     document.getElementById('background').style.height = myNewHeight + "px";
    else
      document.getElementById('background').style.height = "1000px";
    
    
    
    
    // Setzen der Scrollbars, wenn Breite geringer als die Website (main)
    /*
    if (aWindowSize[windowWidth] > 1000)
      document.getElementById('wrapper').style.overflow = "-moz-scrollbars-vertical";
    else
      document.getElementById('wrapper').style.overflow = "none";
    */  
  }
  
  
  
  
  
  
  function scrollbarWidth() {
  	// Scrollbalken im Body ausschalten
  	document.body.style.overflow = 'hidden';
  	
  	var width = document.body.clientWidth;
  	// Scrollbalken
  	document.body.style.overflow = 'scroll';

    width -= document.body.clientWidth;

   	// Der IE im Standardmode
  	if(!width) width = document.body.offsetWidth-document.body.clientWidth;
    	// urspr?ngliche Einstellungen
    	document.body.style.overflow = '';

	  return width;

}