// JavaScript Document
var currentElement = null;
var fadeIntervall = null;
var count = null;
var nextElement = null;
var first = true;
var agt=navigator.userAgent.toLowerCase(); 
var ie = (agt.indexOf("msie") != -1); 
var compatMode = (document.compatMode && document.compatMode == "BackCompat"); 
var screenWidth = 0; 
var screenHeight = 0; 

function GetWidthHeight() {
  if (ie && compatMode) 
  { 
       screenWidth = document.body.clientWidth; 
       screenHeight = document.body.clientHeight; 
  } else if (ie && !compatMode) { 
       screenWidth = document.documentElement.clientWidth; 
       screenHeight = document.documentElement.clientHeight; 
  } else { 
       screenWidth = window.innerWidth; 
       screenHeight = window.innerHeight; 
  }
}

function SetTeaserImgWidth () {
    GetWidthHeight();
    if (screenWidth < 1254)
      $('teaserImgBg').style.width = screenWidth + 'px';
    else
      $('teaserImgBg').style.width = '1254px';
}

function startAutoFade() {
  //Anzahl der Bilder auslesen
  count = document.getElementById('teaserImg').children.length;
  currentElement = count;
  if (count > 1) {
    fadeIntervall = window.setInterval("FadeImg()", 10000);
  }
}

function FadeImg() {
  if (first == false) {
    $('headerImg-' + nextElement).style.zIndex = 100;
    $('headerImg-' + currentElement).style.zIndex = 1;
    
    $('headerImg-' + currentElement).setOpacity(1);
    $('headerImg-' + currentElement).style.display = 'block';
    currentElement = nextElement;
  }
  first = false;
  if (currentElement <= 1)
    nextElement = count;
  else
    nextElement = currentElement - 1;
  $('headerImg-' + currentElement).style.zIndex = 100;
  $('headerImg-' + nextElement).style.zIndex = 99;
  Effect.Fade('headerImg-' + currentElement, { duration: 6.0 });
}