var debug = false;
var verweildauer = 7000;
var dauer_uebergang = 3500;
var banner_height = "163px";

var base_url = "/systemstatic/internet/kopfmotive/";
window.onload = function(){
	//var urls = HeadPictures;
	zeigeStatus("onLoad, HeadPictures.length="+HeadPictures.length);
	var gemischt = new Array();
	var zufall;
	if (HeadPictures.length > 0) document.getElementById("motiv").style.height = banner_height;
	while (HeadPictures.length != 0){
		zufall = Math.floor(Math.random() * HeadPictures.length);
		gemischt.push(HeadPictures[zufall]);
		HeadPictures.splice(zufall, 1);
	}
	ladeBilder(gemischt.join("|"));
}

/* Debugging */

function zeigeStatus(text){
	if (debug && document.getElementById("gridBox_B")){
		if (text == ""){ document.getElementById("gridBox_B").innerHTML = ""; }
		else { document.getElementById("gridBox_B").innerHTML += text + "<br/>"; }
	}
}

/* Bilder laden */

var urls, bilder;
function ladeBilder(x){
	bilder = new Array();
	urls = x.split("|");
	if (urls.length != 0){ ladeBild();}
}

var timer;
function ladeBild(){
	var id = bilder.length;
	if (bilder.length > 0){ zeigeStatus("Bild geladen: " + bilder[bilder.length - 1].bild.src); }
	if (id != 0){ bilder[id - 1].geladen = true; }
	if (id == 1){
		timer = window.setTimeout("zeigeBild()", 10);
		//zeigeBild();
 		//timer = window.setTimeout("zeigeBild()", verweildauer);
		//document.getElementById("motiv").style.backgroundImage = "url(" + bilder[0].bild.src + ")";
		//setDeckung("motiv", 100);
		//timer = window.setTimeout("zeigeBild()", verweildauer);
	}
	if (id < urls.length){
		bilder[id] = new makeBild(id);
		bilder[id].bild.onload = function(){ window.setTimeout("ladeBild()", 200); };
		zeigeStatus("Bild zu laden: "+urls[id]);
		bilder[id].bild.src = urls[id]; //base_url + urls[id];
	}
}

function makeBild(id){
	this.bild = new Image();
	//this.bild.onload = ladeBild;
	this.geladen = false;
	zeigeStatus("Bild laden: " + this.bild.src);
}

/* Bilder zeigen */

var aktuelles_bild;
function zeigeBild(){
	if (aktuelles_bild == null){ aktuelles_bild = 1; }
	if (bilder[aktuelles_bild].geladen){
		zeigeStatus("Bild zeigen: " + aktuelles_bild);
		if (document.getElementById("motiv").style.backgroundImage){
			document.getElementById("imgBox").style.backgroundImage = document.getElementById("motiv").style.backgroundImage;
		}
		document.getElementById("motiv").style.backgroundImage = "url(" + bilder[aktuelles_bild].bild.src + ")";
		setDeckung("motiv", 0);
		bildEinblenden("motiv", Math.round(dauer_uebergang/50));
	} else {
		timer = window.setTimeout("zeigeBild()", 100);
	}
}

var step, intervall;
function bildEinblenden(id, steps){
	if (step == null){ step = 0; }
	if (step == 0) {
		setDeckung(id, 0); step++;
		intervall = window.setInterval("bildEinblenden('" + id + "', " + steps + ")", 50);
	} else {
		setDeckung(id, step/steps * 100);
		if (step < steps){ step++; }
		else {
			window.clearInterval(intervall); step = 0;
			aktuelles_bild++;
			if (aktuelles_bild == urls.length){ aktuelles_bild = 0; }
			timer = window.setTimeout("zeigeBild()", verweildauer);
		}
	}
}

function setDeckung(id, deckung){
	if (document.getElementById(id)){
		if (navigator.userAgent.indexOf("Firefox") != -1) {
			if (deckung == 100) { deckung = 99.99; }
		}
				
		var style = document.getElementById(id).style;
		style.filter = "alpha(opacity=" + deckung + ")"; // IE/Win
		style.KhtmlOpacity = (deckung / 100);            // Safari 1.1 or lower, Konqueror
		style.MozOpacity = (deckung / 100);              // Older Mozilla+Firefox
		style.opacity = (deckung / 100);                 // Safari 1.2, Firefox+Mozilla
	}
}