aktuell=0; 
ende = 0;
Animation=new Array();
runAutoAnimation = 0;
displayedPicture = 2;

function blaettern(richtung) {
	if (aktuell+richtung >= 0 && aktuell+richtung < ende){
 		aktuell += richtung;
	}else if(aktuell+richtung < 1){
 		aktuell = ende;
 	}else if(aktuell+richtung > ende-1){
 		aktuell = 1;
 	}
 	//alert(aktuell);
 	if(displayedPicture == 1){//Picture 1 wird ausgeblendet (treureva1)
		document.images.treureva2.src=Animation[aktuell].src;
		//displayedPicture = 2;
		//document.getElementById('treureva2').style.opacity = '100';
		//document.getElementById('treureva1').style.opacity = '0';
	}else{
		document.images.treureva1.src=Animation[aktuell].src;
		//displayedPicture = 1;
		//document.getElementById('treureva1').style.opacity = '100';
		//document.getElementById('treureva2').style.opacity = '0';
	}
 	
 	fade_to ('treureva1', 'treureva2',aktuell);
 
 //document.images.treureva.src=Animation[aktuell].src;
 if(runAutoAnimation == 1){
 	window.setTimeout('blaettern(1)', 3000);
 }
}

function runAuto(){
	var manDiv = document.getElementById('navRun');
	manDiv.style.visibility="hidden";
	manDiv = document.getElementById('navStop');
	manDiv.style.visibility="visible";
	runAutoAnimation = 1;
	blaettern(1);
} 

function stopAuto(){
	var manDiv = document.getElementById('navStop');
	manDiv.style.visibility="hidden";
	manDiv = document.getElementById('navRun');
	manDiv.style.visibility="visible";
	runAutoAnimation = 0;
} 

function fade_to_debug () {
	var num = 1;
	var occ = 0; 
	//occ = document.getElementById('treureva1').filters.item("DXImageTransform.Microsoft.Alpha").opacity;
	//occ = parseFloat (document.getElementById('treureva1').filters.item("DXImageTransform.Microsoft.Alpha").opacity) / 100;
	//theobj= document.getElementById('treureva1');
	//theobj.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=' + opacity + ')';
    //theobj.style.opacity=value;
	
	occ = document.getElementById('treureva1').style.opacity;
	alert(occ);
}

function showLinkToSlideshow(showIt){
	var e1 = document.getElementById ('slideShowLink');
 
	if(showIt == 1){
		e1.style.visibility = "visible";
		e1.style.color = "#000000";
	}else{
		e1.style.visibility = "visible";
		e1.style.color = "#ABABAB";
	}
}

function fade_to (element_id1, element_id2, newIndex) {
	// Prozess noch nicht gestartet?
	if (!this.proc) {
		// Überblendung auf das gleiche Bild ist nicht möglich!
		if (element_id1 == element_id2) {
			alert ('Sie muessen die IDs zweier unterschiedlicher HTML-Elemente angeben!');
			return;
		}
		// Prozess starten
		this.proc = window.setInterval ('fade_to(\'' + element_id1 + '\', \'' + element_id2 + '\')', 50);
	}else {
    	// Effekt läuft bereits
    	// Verweise auf die Elemente holen...
    	var e1 = document.getElementById (element_id1);
    	var e2 = document.getElementById (element_id2);
    	var opacity1, opacity2;
    	// Aktuelle Transparenz der beiden Bilder bei
    	// Opera und Mozilla-Abkömmlingen mit opacity Style-Eigenschaft..
    	if (!e1.filters) {
      		opacity1 = !e1.style.opacity ? 1 : parseFloat (e1.style.opacity);
      		opacity2 = !e2.style.opacity ? 0 : parseFloat (e2.style.opacity);
    	}else {
    		// bzw. über die Filter des IE ermitteln.
			opacity1 = parseFloat (e1.filters.item("alpha").opacity) / 100;
			opacity2 = parseFloat (e2.filters.item("alpha").opacity) / 100;
		}
		//alert(opacity1+' | '+opacity2);
		if(displayedPicture == 1){//Picture 1 wird ausgeblendet (treureva1)
			// Volle Transparenz von Bild 1 noch nicht erreicht?
			if (opacity1 != 0) {
				// Transparenz der beiden Bilder um 5% in die unterschiedlichen
				// Richtungen anpassen.
				opacity1 -= 0.05;
				opacity2 += 0.05;
				// Anpassung der Styles erfolgt wieder Browserabhängig
				if (!e1.filters) {
					e1.style.opacity = opacity1;
					e2.style.opacity = opacity2;
				}else {
					e1.filters.item("alpha").opacity = opacity1*100;
					e2.filters.item("alpha").opacity = opacity2*100;
				}
			}else{
				// Volle Transparenz von Bild 1 erreicht!
				// Das andere Bild ist in diesem Fall vollständig eingeblendet!
				window.clearInterval (this.proc);
				this.proc = null;
				displayedPicture = 2;
			}
			
		}else{//Picture 2 wird ausgeblendet (treureva2)
    		// Volle Transparenz von Bild 1 noch nicht erreicht?
 			if (opacity2 != 0) {
				// Transparenz der beiden Bilder um 5% in die unterschiedlichen
				// Richtungen anpassen.
				opacity2 -= 0.05;
				opacity1 += 0.05;
				// Anpassung der Styles erfolgt wieder Browserabhängig
				if (!e1.filters) {
					e1.style.opacity = opacity1;
					e2.style.opacity = opacity2;
				}else {
					e1.filters.item("alpha").opacity = opacity1*100;
					e2.filters.item("alpha").opacity = opacity2*100;
				}
			}else{
				// Volle Transparenz von Bild 1 erreicht!
				// Das andere Bild ist in diesem Fall vollständig eingeblendet!
				window.clearInterval (this.proc);
				this.proc = null;
				displayedPicture = 1;
			}
			
		}
	}
}