// Fluides Layout

function getSize() {
  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 HeightTitle = myHeight/6;
  if (HeightTitle < 100) {HeightTitle = 100;}
  if (HeightTitle > 140) {HeightTitle = 140;}  

  var SizeImgLogo = HeightTitle*0.9;
  
  var HeightNavigation = (myHeight-HeightTitle)-30;  // Höhe der Navigation: Gesamthöhe - Titlehöhe - padding
  if (HeightNavigation < 380) {HeightNavigation = 380;} // Mindesthöhe der Navigation: Anzahl Menüpunkte(17) x Mindesthöhe Menüpunkte(20) + Copyrighthöhe 
  
  var HeightImgUpperMenu = (HeightNavigation-20)/18;
  if (HeightImgUpperMenu < 20) {HeightImgUpperMenu = 20;}
  if (HeightImgUpperMenu > 35) {HeightImgUpperMenu = 35;}
   
  var WidthImgUpperMenu = HeightImgUpperMenu*40/7; 
  if (WidthImgUpperMenu > 200) {WidthImgUpperMenu = 200;}
  if (WidthImgUpperMenu < 114) {WidthImgUpperMenu = 114;}
    
  var WidthNavigation = WidthImgUpperMenu+20;
  if (WidthNavigation < 140) {WidthNavigation = 140;}
  if (WidthNavigation > 220) {WidthNavigation = 220;}
  
  var HeightImgLowerMenu = HeightImgUpperMenu*0.8;
  if (HeightImgLowerMenu < 16) {HeightImgLowerMenu = 16;}
  if (HeightImgLowerMenu > 28) {HeightImgLowerMenu = 28;}
  
  var WidthImgLowerMenu = HeightImgLowerMenu*50/7; 
  if (WidthImgLowerMenu > 200) {WidthImgLowerMenu = 200;}
  if (WidthImgLowerMenu < 114) {WidthImgLowerMenu = 114;}
  
  var WidthTitle = (myWidth-WidthNavigation)-200;
  if (WidthTitle < 620) {WidthTitle = 620;}
  if (WidthTitle > 920) {WidthTitle = 920;}
  
  var WidthImgTitle = WidthTitle*0.85;
    
  var HeightImgTitle = WidthImgTitle*114/857;

  if (HeightImgTitle > (HeightTitle-20))
  {
    HeightImgTitle = HeightTitle-20;
    WidthImgTitle = HeightImgTitle*847/114;
  }   
  
  var TopContent = HeightTitle+100;
  
  var HeightContent = HeightNavigation-120; 
  if (HeightContent < 260) {HeightContent = 260;}
  
  var WidthContent = WidthTitle-30;
  if (WidthContent < 590) {WidthContent = 590;}
  if (WidthContent > 890) {WidthContent = 890;}
  
  var WidthHeadline = WidthContent-15;
  
  var TopCopyright = HeightContent+30+HeightTitle+100;  // Beginn des Copyrights (top): Contenthöhe + padding + Titlehöhe + Headlinehöhe
  
  var FontsizeCopyright = WidthTitle/63;
    
  var LeftNewsbox = WidthNavigation+WidthTitle;

  var HeightNewsbox = (myHeight-HeightTitle)-200;
  if (HeightNewsbox < 190) {HeightNewsbox = 190;}
  
  var TopCounter = HeightTitle+HeightNewsbox;
  if  (TopCounter < 290) {TopCounter = 290;}

  var WidthImgFahrzeuge0 = 640;
  if (WidthContent < 650) {WidthImgFahrzeuge0 = WidthContent-10;}
  
  var HeightImgFahrzeuge0 = WidthImgFahrzeuge0*480/640;
  
  var WidthImgFahrzeuge1 = 360;
  if (WidthContent < 750) {WidthImgFahrzeuge1 = ((WidthContent-10)/2)-10;}
    
  var HeightImgFahrzeuge1 = WidthImgFahrzeuge1*480/360;
  
  var WidthImgLoeschzug = 630;
  if (WidthContent < 640) {WidthImgLoeschzug = WidthContent-10;}

  var HeightImgLoeschzug = WidthImgLoeschzug*348/630;
  
  var WidthImgPegel = 600;
  if (WidthContent < 610) {WidthImgPegel = WidthContent-10;}

  var HeightImgPegel = WidthImgPegel*117/600;
  
  //window.alert(WidthTitle);
  
  setCssStyle("#logo","width",WidthNavigation + 'px');
  setCssStyle("#logo","height",HeightTitle + 'px');
  setCssStyle("img.logo","width",SizeImgLogo + 'px');
  setCssStyle("img.logo","height",SizeImgLogo + 'px');  
  setCssStyle("#navigation","top",HeightTitle + 'px');
  setCssStyle("#navigation","width",WidthNavigation + 'px');
  setCssStyle("#navigation","height",HeightNavigation + 'px');
  setCssStyle("img.uppermenu","width",WidthImgUpperMenu + 'px');
  setCssStyle("img.uppermenu","height",HeightImgUpperMenu + 'px');
  setCssStyle("img.lowermenu","width",WidthImgLowerMenu + 'px');
  setCssStyle("img.lowermenu","height",HeightImgLowerMenu + 'px');
  setCssStyle("#title","left",WidthNavigation + 'px');
  setCssStyle("#title","width",WidthTitle + 'px');
  setCssStyle("#title","height",HeightTitle + 'px');
  setCssStyle("img.title","width",WidthImgTitle + 'px');
  setCssStyle("img.title","height",HeightImgTitle + 'px');  
  setCssStyle("#headline","left",WidthNavigation + 'px');
  setCssStyle("#headline","top",HeightTitle + 'px');
  setCssStyle("#headline","width",WidthHeadline + 'px');  
  setCssStyle("#content","left",WidthNavigation + 'px');
  setCssStyle("#content","top",TopContent + 'px');
  setCssStyle("#content","width",WidthContent + 'px');
  setCssStyle("#content","height",HeightContent + 'px');
  setCssStyle("#copyright","left",WidthNavigation + 'px');
  setCssStyle("#copyright","top",TopCopyright + 'px');
  setCssStyle("#copyright","width",WidthTitle + 'px');
  setCssStyle("#copyright","font-size",FontsizeCopyright + 'px');
  setCssStyle("#empty","left",LeftNewsbox + 'px');
  setCssStyle("#empty","height",HeightTitle + 'px');
  setCssStyle("#newsbox","left",LeftNewsbox + 'px');
  setCssStyle("#newsbox","top",HeightTitle + 'px');
  setCssStyle("#newsbox","height",HeightNewsbox + 'px');
  setCssStyle("#counter","left",LeftNewsbox + 'px');
  setCssStyle("#counter","top",TopCounter + 'px');
  setCssStyle("img.fahrzeuge0","width",WidthImgFahrzeuge0 + 'px');
  setCssStyle("img.fahrzeuge0","height",HeightImgFahrzeuge0 + 'px');
  setCssStyle("img.fahrzeuge1","width",WidthImgFahrzeuge1 + 'px');
  setCssStyle("img.fahrzeuge1","height",HeightImgFahrzeuge1 + 'px');  
  setCssStyle("img.loeschzug","width",WidthImgLoeschzug + 'px');
  setCssStyle("img.loeschzug","height",HeightImgLoeschzug + 'px');
  setCssStyle("img.pegel","width",WidthImgPegel + 'px');
  setCssStyle("img.pegel","height",HeightImgPegel + 'px');
  
  window.name = WidthContent;
}

getSize();

window.onresize = getSize;