window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);

var d=document, wdh=2, imgs = new Array(), bilder = new Array(), zInterval = null, current=0, bildnr=0, zahl=0, pause=false;
var w=screen.availWidth;
if (w<=800){inter=7;vall=0.05};
if (w>800 && w<=1024){inter=5;vall=0.07};
if (w>1024 && w<=1280){inter=1;vall=0.1};
if (w>1280){aufloesung=inter=1;vall=0.1};
if (!inter){inter=3};

function so_init() {

  if(!d.getElementById || !d.createElement)return;

  var bereich = document.getElementById("mogelfix");
   bilder = bereich.getElementsByTagName("img");
  for(i=0;i<bilder.length;i++)
   {
    bilder[i].xOpacity = .99;
    bilder[i].style.display = "block";
   }

  imgs = d.getElementById("imageContainer").getElementsByTagName("img");
  for(i=0;i<imgs.length;i++) imgs[i].xOpacity = 0;
  imgs[0].style.display = "block";
  imgs[0].xOpacity = .99;
  setTimeout(so_xfade,2); //bis das nächste Bild kommt
  }




function so_xfade() {
var aktiv = window.setInterval("setOpacity(obj)",inter);
  cOpacity = imgs[current].xOpacity;
  nIndex = imgs[current+1]?current+1:0;
  nOpacity = imgs[nIndex].xOpacity;
  cOpacity-=vall;

if(zahl>=wdh) {
  nOpacity-=vall;
 imgs[nIndex].style.display = "none";
 }
 else
 {
   nOpacity+=vall;
   imgs[nIndex].style.display = "block";
 }


  imgs[current].xOpacity = cOpacity;
  imgs[nIndex].xOpacity = nOpacity;
  


  setOpacity(imgs[current]);
  setOpacity(imgs[nIndex]);

  if(cOpacity<=0 && zahl<wdh) {
    imgs[current].style.display = "none";
    current = nIndex;
    zahl+=1;
    window.clearInterval(aktiv);
    setTimeout(so_xfade,2);}

  if(cOpacity>0 && zahl<wdh) {
     window.clearInterval(aktiv);
     setTimeout(so_xfade,2);}

  if(cOpacity<=0 && zahl>=wdh) {
    imgs[current].style.display = "none";
    current = nIndex;
    window.clearInterval(aktiv);
    setTimeout(all_fade,1); }

  if(cOpacity>0 && zahl>=wdh) {
    for(i=1;i<imgs.length;i++)
    {imgs[i].xOpacity = 0;
     imgs[i].style.display = "none";
    }
    current = nIndex;
    window.clearInterval(aktiv);
    setTimeout(all_fade,1);}


  function setOpacity(obj) {
    if(obj.xOpacity>.99) {
      obj.xOpacity = .99;
      return;
    }
    obj.style.opacity = obj.xOpacity;
    obj.style.MozOpacity = obj.xOpacity;
    obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
  }

}

function all_fade() {
var aktiv = window.setInterval("setOpacity2(obj)", inter);
cOpacity = bilder[bildnr].xOpacity;
nIndex2 = bilder[bildnr+1]?bildnr+1:0;
nOpacity = bilder[nIndex2].xOpacity;

  cOpacity-=vall;
  nOpacity-=vall;


  bilder[bildnr].xOpacity = cOpacity;
  bilder[nIndex2].xOpacity = nOpacity;

  setOpacity2(bilder[bildnr]);
  setOpacity2(bilder[nIndex2]);

  if(cOpacity<=0) {
    bilder[bildnr].style.display = "none";
    bildnr = nIndex2;
    window.clearInterval(aktiv);
    setTimeout(all_fade,1);
  } else {
    bildnr = nIndex2;
    window.clearInterval(aktiv);
    setTimeout(all_fade,1);
  }

  function setOpacity2(obj) {
    if(obj.xOpacity<0) {
      obj.xOpacity = 0;
      return;
    }
    obj.style.opacity = obj.xOpacity;
    obj.style.MozOpacity = obj.xOpacity;
    obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
  }
 }