var isSafari = false;
var zaehler = 0;

function trans() {
	var eins = document.getElementById("zwei");
	var zwei = document.getElementById("zwei");
	if(navigator.userAgent.match(/Safari/)) {
		isSafari = true;
	}
	zaehler = 0;
	//don't call it, if run from anything else than port 80 (developement purposes...)
	if (!location.href.match(":8085/")) { 
		window.setTimeout("changeopa(100,1,'eins')",1000);
	}
	
	
}

function changeopa(value,bild, id) {
	if (id == "eins") {
		var eins = document.getElementById("eins");
	} else {
		var eins = document.getElementById("zwei");
	}
	value -= 2;
	
	
	if (value > 0) {
		if (eins.filters) {
			eins.filters.alpha.opacity=value;
		} else if (!isSafari) {
			eins.style.opacity = value/100;	
			eins.style.MozOpacity = value/100;	
		}
		window.setTimeout("changeopa(" +value+ "," + bild +",'"+id+"')",40);
	} else {
		
		if (id == "eins") {
			var zwei = document.getElementById("zwei");
			var next="zwei";
		} else {
			var zwei = document.getElementById("eins");
			var next="eins";
		}
		zwei.style.zIndex = 2;
		eins.style.zIndex = 1;
		if (  bild == 12) { 
			var nextbild = 1;
		}
		else {
			var nextbild = bild + 1;
		}
		if (nextbild >= 12) {
			zaehler++;
			var uebernextbild = 1;
		} else {
			var uebernextbild = nextbild + 1;
		}
		eins.firstChild.src = "/files/header/Hauptbild_"+(uebernextbild)+".jpg";
		if (eins.filters) {
			eins.filters.alpha.opacity=100;
			zwei.filters.alpha.opacity=100;
		} else if (!isSafari) {
			eins.style.opacity = 0.99;	
			zwei.style.opacity = 0.99;	
			eins.style.MozOpacity = 0.99;	
			zwei.style.MozOpacity = 0.99;	
		}
		//make it much slower after 10 iterations (to prevent cpu eating...)
		if (zaehler < 10) {
			window.setTimeout("changeopa(" +100+ "," + (nextbild)+",'"+next+"')",2000);
		} else {
			window.setTimeout("changeopa(" +100+ "," + (nextbild)+",'"+next+"')",10000);
		}
	}
	
}