// Fading für 3 mal n Bilder

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

var d=document, imgs = new Array(), aIndex=0;

function Init() {
  // Zur Sicherheit	
  if(!d.getElementById || !d.createElement)return;
  	css = d.createElement("link");
  	css.setAttribute("href","fade2.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);

	imgs[0]  = d.getElementById("imageContainer1").getElementsByTagName("img");
	imgs[1] = d.getElementById("imageContainer2").getElementsByTagName("img");
	imgs[2] = d.getElementById("imageContainer3").getElementsByTagName("img");
	// ab zweitem Bild durchsichtig machen
	for(j=0;j<imgs.length;j++) {
	  for(i=1;i<imgs[j].length;i++) { 
	    imgs[j][i].xOpacity = 0;
	}}
	// Das erste Bild sichtbar machen
	for(j=0;j<imgs.length;j++) {
	  imgs[j][0].style.display = "block";
	  imgs[j][0].xOpacity = .99;
	}
	
	// imageContainer sichtbar machen
	d.getElementById("imageContainer1").style.display = "block";
	d.getElementById("imageContainer2").style.display = "block";
	d.getElementById("imageContainer3").style.display = "block";
	
	// Zeit bis zum ersten Bildwechsel
	setTimeout("Fade()",1500);
}

function Fade() {
	// Falls unterschiedlich viele Bilder verwendet werden, müssen die
	// folgenden Zeilen angepasst werden
	aOpacity = imgs[0][aIndex].xOpacity;
	nIndex   = imgs[0][aIndex+1]?aIndex+1:0;
	
	nOpacity = imgs[0][nIndex].xOpacity;
	
	aOpacity-=.05; 
	nOpacity+=.05;
	
	// nächstes Bild ein-, aktuelles ausblenden
	for(j=0;j<imgs.length;j++) {
	  imgs[j][nIndex].style.display = "block";
	  imgs[j][aIndex].xOpacity = aOpacity;
	  imgs[j][nIndex].xOpacity = nOpacity;
	}
	
	// Opazität in den verschiedenen Browsern neu setzen
	for(j=0;j<imgs.length;j++) {
	  SetOpacity(imgs[j][aIndex]); 
	  SetOpacity(imgs[j][nIndex]);
	}
	
	// Falls Opazität unter 0 fällt, dann Bilder austauschen
	// ansonsten Faden...
	if(aOpacity<=0) {
		for(j=0;j<imgs.length;j++) {
		  imgs[j][aIndex].style.display = "none";
		}
		aIndex = nIndex;
		setTimeout("Fade()",2000);
	} else {
		setTimeout("Fade()",50);
	}
	
   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) + ")";
	}
	
}