/********************************************
Global
********************************************/
//Variablen
var globalSpeed = 50;
var globalTimeout = 10000;
var count = 0;
var isInit = true;
timer = null;

var slideshowList = new Array(0);

function init(slideshowOb){
	var objekte = this.slideshowList[count];
	var image = 'url(\"/resources/slideshow/'+objekte[1]+'\")';
	document.getElementById("bild").style.backgroundImage=image;
	document.getElementById("headline").innerHTML=objekte[2];
	document.getElementById("text").innerHTML=objekte[3];
	document.getElementById("link").href=objekte[4];
	for(z=0; z<slideshowList.length; z++){
		var neuerdiv = document.createElement("div");
		neuerdiv.id="kreis"+z;
		neuerdiv.className="slideshowkreis";
		var position = document.getElementById("pages");
		position.appendChild(neuerdiv);
	}
	var id = "kreis"+(slideshowList.length-1);
	document.getElementById(id).style.backgroundImage='url(\"/resources/slideshow/kreis_zu.png\")';
	setSlideshow();
}

function setSlideshow(){
	var anzahl = slideshowList.length;
	if(count==anzahl){
		count=0;
	}
	timer = window.setTimeout ("setSlideshow()", globalTimeout);
	fadeDown("bild", slideshowList[count]);
	count = count + 1;
}
var back = false;
function imageNext(){
	if (back){
		back = false;
		count=count+1;
	}
	window.clearTimeout(timer);
	var anzahl = slideshowList.length;
	if(count==anzahl){
		count=0;
	}
	fadeImage(2, 100, globalSpeed, "bild", slideshowList[count]);
	count = count + 1;
}

function imageBack(){
	if (!back){
		back = true;
		count=count-1;
	}
	window.clearTimeout(timer);
	var anzahl = slideshowList.length;
	count=count-1;
	if(count==-1){
		count=anzahl-1;
	}
	fadeImage(2, 100, globalSpeed, "bild", slideshowList[count]);
}

/********************************************
	Fader
********************************************/

//einblenden Fader Aufruf
function fadeDown(div, objekte) {
	if(isInit){
		isInit = false;
	}else{
		fadeImage(2, 100, globalSpeed, div, objekte);
	}
}

//ausblenden Fader Aufruf
function fadeUp(div, objekte) {
	fadeImage(1, 0, globalSpeed, div, objekte);
}

//berechnen der Werte
function fadeImage(mode, opacity, speed, div, objekte) {
	if (mode == 1){
		if (opacity < 95)
	    	opacity += 5;
		else
			opacity = 100;
		limit = 100;
	}else{
		var limit;
		if (opacity > 5)
	    	opacity -= 5;
		else
			opacity = 0;
		limit = 0;
	}

	if (mode == 1 && opacity < limit || mode == 2 && opacity > limit) {
			setTimeout(function() {fade(mode, opacity, speed, div, objekte)}, speed);
    } else {
		setOpacity(limit, div);
		if(mode == 2){
			var image = 'url(\"/resources/slideshow/'+objekte[1]+'\")';
			document.getElementById("bild").style.backgroundImage=image;
			document.getElementById("headline").innerHTML=objekte[2];
			document.getElementById("text").innerHTML=objekte[3];
			document.getElementById("link").href=objekte[4];
			var length = slideshowList.length;
			resetKreise(length);
			var id = "kreis"+(length-objekte[0]-1);
			document.getElementById(id).style.backgroundImage='url(\"/resources/slideshow/kreis_zu.png\")';
			fadeUp("bild", objekte);
		}
	}
}

function resetKreise(length){
	for(var z = 0; z < length; z++){
		var id = "kreis"+z;
		document.getElementById(id).style.backgroundImage='url(\"/resources/slideshow/kreis_auf.png\")';
	}
}

//Aufruf der Berechnungs- und der Setzfunktion
function fade(mode, opacity, speed, div, objekte) {
    setOpacity(opacity, div);
    fadeImage(mode, opacity, speed, div, objekte);
}

//setzen des Opacity Werts
function setOpacity(o, div) {
	var obj = document.getElementById(div);
    obj.style.opacity = (o / 100);
    obj.style.MozOpacity = (o / 100);
    obj.style.KhtmlOpacity = (o / 100);
    obj.style.filter = 'alpha(opacity=' + o + ')';
}