// 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;

var images = new Array(); 

var loadedCount = 0;

function imagesLoaded(ev) {
	loadedCount++;
}
     
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 startAutoFade() {
  //Anzahl der Bilder auslesen
  count = document.getElementById('teaserImg').children.length - 1;
  currentElement = count;
  if (count > 1) {
    fadeIntervall = window.setInterval("FadeImg()", 10000);
    FadeImg();
  }
}

function FadeImg() {
  if (loadedCount != images.length)
  {
  	return;
  }
  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;
  if (jQuery('div[id=headerImg-' + currentElement + '] > img').length == 0)
  {
  	jQuery('div[id=headerImg-' + currentElement + ']').append('<img src="' + images[currentElement - 1].src + '" />');
  }
  if (jQuery('div[id=headerImg-' + nextElement + '] > img').length == 0)
  {
  	jQuery('div[id=headerImg-' + nextElement + ']').append('<img src="' + images[nextElement - 1].src + '" />');
  }
  $('headerImg-' + currentElement).style.zIndex = 100;
  $('headerImg-' + nextElement).style.zIndex = 99;
  Effect.Fade('headerImg-' + currentElement, { duration: 6.0 });
}