var i = 0;
var slideimgs=null;
var currentSlide=0;

function slide() {
  slideimgs=document.getElementById('bannerImage2').getElementsByTagName('img');i
  // preload
  for (var i=0; i<slideimgs.length; i++) {
    var img=new Image();
    img.src=slideimgs[i].src;
  }

  // 1. Bild zeigen
  slideimgs[0].style.display="inline";


  window.setTimeout(nextSlide,5000);
}

function nextSlide() {
  var nextSlideId=currentSlide+1;
  if (nextSlideId>=slideimgs.length) nextSlideId=0;
  animateSlide(currentSlide, nextSlideId);
  currentSlide=nextSlideId;
  window.setTimeout(nextSlide, 5000);
}

function animateSlide(oldimgidx, newimgidx) {
  slideimgs[oldimgidx].style.zIndex=999;
  slideimgs[newimgidx].style.zIndex=998;
  if (navigator.appVersion.indexOf("MSIE")>=0) { // IE
    slideimgs[newimgidx].style.filter="alpha(opacity=0)";
  } else {
    slideimgs[newimgidx].style.opacity=0;
  }
  slideimgs[newimgidx].style.display="inline";
  window.setTimeout(function() {
    var steps=10;
    var duration=800;
    for (var i=0; i<=steps; i++) {
      var func="";
      if (navigator.appVersion.indexOf("MSIE")>=0) { // IE
        func+="slideimgs["+newimgidx+"].style.filter=\"alpha(opacity="+((i/steps)*100)+")\";\n";
        func+="slideimgs["+oldimgidx+"].style.filter=\"alpha(opacity="+((1-i/steps)*100)+")\";\n";
      } else {
        func+="slideimgs["+newimgidx+"].style.opacity="+(i/steps)+";\n";
        func+="slideimgs["+oldimgidx+"].style.opacity="+(1-i/steps)+";\n";
      }
      if (i==steps) func+="slideimgs["+oldimgidx+"].style.display='none';\n";
      setTimeout(func, 1+Math.floor(i*duration/steps));
    }
  }, 100);
}