// Image fader für 2 Bilder

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

var d=document, imgs = new Array(), aIndex=0, nIndex=0, aOpacity=0, nOpacity=0;
	// drin: Maus drin oder draußen; fertig: Bild vollständig überblendet
    drin = false, fertig=false;
	// Timer setzen
	rein= null, raus = null;
	// Schrittweite und Zeit für die Überblendung
	zeit= 40, schrittweite = .03;
	// Damit der Anker nur EIN Mal erzeugt wird
	nr = 0;

function Init() {
	if(!d.getElementById || !d.createElement)return;
	obj = d.getElementById("imageContainer");
	if (obj!==null) {
	  obj.style.display = "block";
	  css = d.createElement("link");
	  css.setAttribute("href","Menues/fade1.css");
	  css.setAttribute("rel","stylesheet");
	  css.setAttribute("type","text/css");
	  d.getElementsByTagName("head")[0].appendChild(css);

	  imgs = d.getElementById("imageContainer").getElementsByTagName("img");
	  for(i=1;i<imgs.length;i++) { 
	    imgs[i].xOpacity = 0;
	  }
	  imgs[0].style.display = "block";
	  imgs[0].xOpacity = .99;
	}
}

function ErzeugeAnker() {
	nr++;
	if(nr==1) {	
   		img = d.getElementsByTagName("img")[1];
   		// alert(img.src);
   		imgParent = img.parentNode;
   		anker = d.createElement("a");
   		anker.setAttribute("href","stbr.html");
		// Dieser Scheiß geht noch nicht!
		//maus1 = d.createAttribute("onmouseover");
		//maus1.nodeValue = "window.status=' '";
		//anker.setAttributeNode(maus1);
		// text = d.createTextNode(' onMouseOver="window.status=' ';return true"');
		anker.setAttribute("onmouseover","window.status=' ';return true");
   		// anker.setAttribute("onMouseOut","window.status=' ';return true");
		// Anker vor dem Bild erzeugen, da steht aber der schließende Tag falsch
   		imgParent.insertBefore(anker,img);
		// deshalb Bild als erstes Kind löschen, denn das ist jetzt der Anker
   		imgParent.removeChild(img);
		// und nach dem Anker wieder in die Liste einfügen. So einfach geht das. :o)
   		anker.appendChild(img);
   
   // text  = d.createTextNode("Hier klicken");  
   // d.getElementsByTagName("body")[0].appendChild(anker);
   // d.getElementsByTagName("a")[0].appendChild(text);
	}
}

function MausRaus() {
	//alert('MAus raus');
	drin     = false;
	FadeOut();
}

function MausRein() {
	drin     = true;
	FadeIn();
}

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 FadeOut() {
	// falls in FadeIn fertig geworden, dann Opazität neu setzen
	clearTimeout(rein);
	if(fertig==true) {
	   aOpacity = 0;
	   nOpacity = .99;	
	   fertig = false;
	}
	aOpacity+=schrittweite; 
	nOpacity-=schrittweite;	
	imgs[aIndex].xOpacity = aOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	imgs[aIndex].style.display = "block";
	
	setOpacity(imgs[aIndex]); 
	setOpacity(imgs[nIndex]);
	
	if(aOpacity>0.99) {
		imgs[nIndex].style.display = "none";
		clearTimeout(raus);
		clearTimeout(rein);
		// fertig = false;
	} else {
		if(drin==false) {
			clearTimeout(rein);
			raus = setTimeout("FadeOut()",zeit); }
		else {
			clearTimeout(raus);
			rein = setTimeout("FadeIn()",zeit); 
		}
	}	
}

function FadeIn() {	
    clearTimeout(raus);
	// Opazität des aktuellen Bildes
	// if(imgs[aIndex].xOpacity==null) {imgs[aIndex].xOpacity=0.99; }
	aOpacity = imgs[aIndex].xOpacity;
	// Nr des nächsten Bildes
	nIndex = imgs[aIndex+1]?aIndex+1:0;
	// Opazität des nächsten Bildes
	nOpacity = imgs[nIndex].xOpacity;
	// Zunahme und Abnahmewerte der Opazität
	aOpacity-=schrittweite; 
	nOpacity+=schrittweite;	
	imgs[nIndex].style.display = "block";
	imgs[aIndex].xOpacity = aOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[aIndex]); 
	setOpacity(imgs[nIndex]);
	
	if(aOpacity<=0) {
		imgs[aIndex].style.display = "none";
		fertig = true;
		clearTimeout(rein);
		clearTimeout(raus);
		ErzeugeAnker();
	} else {
		if(drin==true) {
		  clearTimeout(raus);	
		  rein = setTimeout("FadeIn()",zeit); }
		else {
		  clearTimeout(rein);	
		  raus = setTimeout("FadeOut()",zeit);
		}
	}
}