/*****

Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact. 

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html


*****/

var tbetween12111 = 5000; // Zeitspanne Millisekunden
var t5012111 = 10; // Dauer eines einzelnen Fadeout-/Fadein-Schrittes in Millisekunden
var thumbtransparenz12111 = 1;
var opschritt12111 = 0.05;  // Helligkeitsdifferenz zwischen den Fadeout-/Fadein-Schritten
var pause12111 = 0;
var unterbruch12111 = 0;

var d12111=document, imgs12111 = new Array(), zInterval12111 = null, current12111=0, slide12111=false;

so_init_12111();

function so_init_12111() {
	if(!d12111.getElementById || !d12111.createElement)return;
	
	css12111 = d12111.createElement("link");
	css12111.setAttribute("href","xfade2.css");
	css12111.setAttribute("rel","stylesheet");
	css12111.setAttribute("type","text/css");
	d12111.getElementsByTagName("head")[0].appendChild(css12111);
	
	imgs12111 = d12111.getElementById("imageContainer_12111").getElementsByTagName("img");
	for(i12111=1;i12111<imgs12111.length;i12111++) imgs12111[i12111].xOpacity = 0;
	imgs12111[current12111].style.display = "block";
	imgs12111[current12111].xOpacity = .99;
	
	textboxes12111 = d12111.getElementById("imageContainer_12111").getElementsByTagName("p");
	for(i12111=1;i12111<textboxes12111.length;i12111++) textboxes12111[i12111].xOpacity = 0;
	textboxes12111[current12111].style.display = "block";
	textboxes12111[current12111].xOpacity = .99;
	
	thumbs12111 = d12111.getElementById("thumbContainer_12111").getElementsByTagName("img");
	for(i12111=0;i12111<thumbs12111.length;i12111++) {
		if(i12111!=current12111) {
			thumbs12111[i12111].style.opacity = thumbtransparenz12111;
			thumbs12111[i12111].style.MozOpacity = thumbtransparenz12111;
			thumbs12111[i12111].style.filter = "alpha(opacity=" + (thumbtransparenz12111*100) + ")";
		} else {
			thumbs12111[i12111].style.opacity = .99;
			thumbs12111[i12111].style.MozOpacity = .99;
			thumbs12111[i12111].style.filter = "alpha(opacity=" + (99) + ")";
		}
	}
	
	thumbmarkers12111 = d12111.getElementById("thumbContainer_12111").getElementsByTagName("span");
	for(i12111=0;i12111<thumbmarkers12111.length;i12111++) {
		if(i12111!=current12111) {
			thumbmarkers12111[i12111].style.opacity = 0;
			thumbmarkers12111[i12111].style.MozOpacity = 0;
			thumbmarkers12111[i12111].style.filter = "alpha(opacity=" + (0) + ")";
		} else {
			thumbmarkers12111[current12111].style.display = "block";
			thumbmarkers12111[i12111].style.opacity = .99;
			thumbmarkers12111[i12111].style.MozOpacity = .99;
			thumbmarkers12111[i12111].style.filter = "alpha(opacity=" + (99) + ")";
		}
	}
	
	if(unterbruch12111) { // Direkt faden ohne Wartepause
		slide12111 = window.setTimeout("so_xfade_12111()",t5012111);
	} else { // Bild zuerst anzeigen, dann faden
		slide12111 = window.setTimeout("so_xfade_12111()",tbetween12111);
	}

}

function slide_stop_12111() {
	pause12111 = 1;
	unterbruch12111 = 1;
}

function slide_go_12111() {
	pause12111 = 0;
}

function slide_continue_12111(n) {
	current12111 = n;
	window.clearTimeout(slide12111);
	slide_go_12111();
	so_init_12111();
}

function slide_to_12111(n) {
	slide_stop_12111();
	imgs12111 = d12111.getElementById("imageContainer_12111").getElementsByTagName("img");
	for(i12111=0;i12111<imgs12111.length;i12111++) {
		imgs12111[i12111].style.opacity = 0;
		imgs12111[i12111].style.MozOpacity = 0;
		imgs12111[i12111].style.filter = "alpha(opacity=" + (0) + ")";
	}
	imgs12111[n].style.display = 'block';
	imgs12111[n].style.opacity = .99;
	imgs12111[n].style.MozOpacity = .99;
	imgs12111[n].style.filter = "alpha(opacity=" + (99) + ")";
	
	textboxes12111 = d12111.getElementById("imageContainer_12111").getElementsByTagName("p");
	for(i12111=0;i12111<textboxes12111.length;i12111++) {
		textboxes12111[i12111].style.opacity = 0;
		textboxes12111[i12111].style.MozOpacity = 0;
		textboxes12111[i12111].style.filter = "alpha(opacity=" + (0) + ")";
	}
	textboxes12111[n].style.display = 'block';
	textboxes12111[n].style.opacity = .99;
	textboxes12111[n].style.MozOpacity = .99;
	textboxes12111[n].style.filter = "alpha(opacity=" + (99) + ")";
	
	thumbs12111 = d12111.getElementById("thumbContainer_12111").getElementsByTagName("img");
	for(i12111=0;i12111<thumbs12111.length;i12111++) {
		thumbs12111[i12111].style.opacity = thumbtransparenz12111;
		thumbs12111[i12111].style.MozOpacity = thumbtransparenz12111;
		thumbs12111[i12111].style.filter = "alpha(opacity=" + (thumbtransparenz12111*100) + ")";
	}
	thumbs12111[n].style.opacity = .99;
	thumbs12111[n].style.MozOpacity = .99;
	thumbs12111[n].style.filter = "alpha(opacity=" + (99) + ")";
	
	thumbmarkers12111 = d12111.getElementById("thumbContainer_12111").getElementsByTagName("span");
	for(i12111=0;i12111<thumbmarkers12111.length;i12111++) {
		thumbmarkers12111[i12111].style.opacity = 0;
		thumbmarkers12111[i12111].style.MozOpacity = 0;
		thumbmarkers12111[i12111].style.filter = "alpha(opacity=" + (0) + ")";
	}
	thumbmarkers12111[n].style.display = 'block';
	thumbmarkers12111[n].style.opacity = .99;
	thumbmarkers12111[n].style.MozOpacity = .99;
	thumbmarkers12111[n].style.filter = "alpha(opacity=" + (99) + ")";
}

function so_xfade_12111() {
	
	cOpacity12111 = imgs12111[current12111].xOpacity;
	nIndex12111 = imgs12111[current12111+1]?current12111+1:0;

	nOpacity12111 = imgs12111[nIndex12111].xOpacity;
	
	if(pause12111==0) {
		
		cOpacity12111-=opschritt12111; 
		nOpacity12111+=opschritt12111;
	
		imgs12111[nIndex12111].style.display = "block";
		imgs12111[current12111].xOpacity = cOpacity12111;
		imgs12111[nIndex12111].xOpacity = nOpacity12111;
			setOpacity_12111(imgs12111[current12111]); 
			setOpacity_12111(imgs12111[nIndex12111]);
		
		textboxes12111[nIndex12111].style.display = "block";
		textboxes12111[current12111].xOpacity = cOpacity12111;
		textboxes12111[nIndex12111].xOpacity = nOpacity12111;
			setOpacity_12111(textboxes12111[current12111]); 
			setOpacity_12111(textboxes12111[nIndex12111]);
		
		faktor = 1/(1-thumbtransparenz12111);
		thumbs12111[current12111].xOpacity = thumbtransparenz12111+(cOpacity12111/faktor);
		thumbs12111[nIndex12111].xOpacity = thumbtransparenz12111+(nOpacity12111/faktor);
			setOpacity_12111Thumb(thumbs12111[current12111]); 
			setOpacity_12111Thumb(thumbs12111[nIndex12111]);
	
		thumbmarkers12111[nIndex12111].style.display = "block";
		thumbmarkers12111[current12111].xOpacity = cOpacity12111;
		thumbmarkers12111[nIndex12111].xOpacity = nOpacity12111;
			setOpacity_12111(thumbmarkers12111[current12111]); 
			setOpacity_12111(thumbmarkers12111[nIndex12111]);
	
	}
	
	if(cOpacity12111<=0) {
		imgs12111[current12111].style.display = "none";
		current12111 = nIndex12111;
		slide12111 = window.setTimeout("so_xfade_12111()",tbetween12111);
	} else {
		slide12111 = window.setTimeout("so_xfade_12111()",t5012111);
	}
		
}

function setOpacity_12111(obj) {
	if(obj.xOpacity>.99) {
		obj.xOpacity = 1;
	}
	if(obj.xOpacity<0) {
		obj.xOpacity = 0;
	}
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	if(obj.xOpacity>.99) {
		return;
	}
	if(obj.xOpacity<0) {
		return;
	}
}
	
function setOpacity_12111Thumb(obj) {
	if(obj.xOpacity>.99) {
		obj.xOpacity = 1;
	}
	if(obj.xOpacity<0) {
		obj.xOpacity = 0;
	}
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	if(obj.xOpacity>.99) {
		return;
	}
	if(obj.xOpacity<0) {
		return;
	}
}
	

