window.onload = function () {
   
   var iWidth = window.innerWidth ||
      (window.document.documentElement.clientWidth || window.document.body.clientWidth);  // initale Breite des Browserfensters
   var iHeight = window.innerHeight ||
      (window.document.documentElement.clientHeight || window.document.body.clientHeight);  // initale Höhe des Browserfensters
   
  // resizeFunc();
    
   window.onresize = function (evt) {
    //resizeFunc();
   }
     
     
   
   function resizeFunc() {
      var originalWidth = 1600; //Breite des Hintergrundbildes
      var originalHeight = 1043; //Höhe des Hintergrundbildes
        
      var currWidth = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);   //Berechnung der Fensterbreite des aktuellen Besucher      
      var currHeight = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight); //Berechnung der Fensterhöhe des aktuellen Besucher

    if (currWidth > 1000) {    //aktuelle Fensterbreite größer als 1000, dann soll berechnung ausgeführt werden
      
      var backgroundImage = document.getElementById("backgroundImage");
      backgroundImage.style.width = currWidth + 'px';
      backgroundImage.style.height = currWidth * (originalHeight/originalWidth) + 'px';
  
      var hanaulinkDiv = document.getElementById('hanaulink');
      hanaulinkDiv.style.left = (currWidth * (originalHeight/originalWidth) * 0.43) + 'px';   
      hanaulinkDiv.style.top = (currWidth * (originalHeight/originalWidth) * 0.20) + 'px';
      hanaulinkDiv.style.width = (currWidth * (originalHeight/originalWidth) * 0.0) + 'px';
      hanaulinkDiv.style.height = (currWidth * (originalHeight/originalWidth) * 0.00) + 'px';
      
      var ffmlinkDiv = document.getElementById('ffmlink');
      ffmlinkDiv.style.left = (currWidth * (originalHeight/originalWidth) * 0.10) + 'px';   
      ffmlinkDiv.style.top = (currWidth * (originalHeight/originalWidth) * 0.12) + 'px';
      ffmlinkDiv.style.width = (currWidth * (originalHeight/originalWidth) * 0.0) + 'px';
      ffmlinkDiv.style.height = (currWidth * (originalHeight/originalWidth) * 0.00) + 'px';
      
      var steinheimlinkDiv = document.getElementById('steinheimlink');
      steinheimlinkDiv.style.left = (currWidth * (originalHeight/originalWidth) * 0.94) + 'px';   
      steinheimlinkDiv.style.top = (currWidth * (originalHeight/originalWidth) * 0.18) + 'px';
      steinheimlinkDiv.style.width = (currWidth * (originalHeight/originalWidth) * 0.0) + 'px';
      steinheimlinkDiv.style.height = (currWidth * (originalHeight/originalWidth) * 0.00) + 'px';
      
      var unserfilmDiv = document.getElementById('unserfilm');
      unserfilmDiv.style.left = (currWidth * (originalHeight/originalWidth) * 0.515) + 'px';   
      unserfilmDiv.style.top = (currWidth * (originalHeight/originalWidth) * 0.680) + 'px';
      unserfilmDiv.style.width = (currWidth * (originalHeight/originalWidth) * 0.292) + 'px';
      unserfilmDiv.style.height = (currWidth * (originalHeight/originalWidth) * 0.22) + 'px';
      
      var puppeDiv = document.getElementById('puppe');
      puppeDiv.style.left = (currWidth * (originalHeight/originalWidth) * 1.06) + 'px';   
      puppeDiv.style.top = (currWidth * (originalHeight/originalWidth) * 0.46) + 'px';
      puppeDiv.style.width = (currWidth * (originalHeight/originalWidth) * 0.0) + 'px';
      puppeDiv.style.height = (currWidth * (originalHeight/originalWidth) * 0.0) + 'px';

     if (currHeight >  (currWidth * (originalHeight/originalWidth))   ) {
    
      backgroundImage.style.height = currHeight + 'px';
      backgroundImage.style.width = currHeight / (originalHeight/originalWidth) + 'px';  
      
      var unserfilmDiv = document.getElementById('unserfilm');
      unserfilmDiv.style.left = (currWidth * (originalHeight/originalWidth) * 0.550) + 'px';   
      unserfilmDiv.style.top = (currWidth * (originalHeight/originalWidth) * 0.750) + 'px';
      unserfilmDiv.style.width = (currWidth * (originalHeight/originalWidth) * 0.292) + 'px';
      unserfilmDiv.style.height = (currWidth * (originalHeight/originalWidth) * 0.22) + 'px';
      }
      
     
      
    
    }   
  }
  
  document.getElementById('preloadDivElement').style.visibility = 'hidden';
}