var aktiveinblenden;
var schritt = 1;
var i = 0;
var schrittzahl = 150;
var dauer = 1500;
var StartX = 478;
var StartY = 300;

LHTML = new Array();
LName = new Array();
LLeft = new Array();
LTop = new Array();
LWidth = new Array();
LHeight = new Array();


var Zeit = 5000;
var Richtung = 1;
var aktiv;
var helligkeit;
var BStart;
var BEnde;

var BA = 1;
var BB = 2;
var Anzeigebild = 1;
var bildnr = 1;
var Hilf = new Array(2);
var Zufall;
var Bilder = new Array();

var Schleife = 1;

var	StartPic;
var	AnzeigePic;
var mytimer;

var binfertig = true;
var StartBild = 0;

var wechsel;
var warten = 0;





	function einfliegen(){

		//alert("einfliegen");
		var lyanz = document.getElementById("lyrmain").getElementsByTagName("div").length;
		var zaehler = 0;
		
		for (var lyid=0; lyid < lyanz; lyid++ )
		{
			if (document.getElementById("lyrmain").getElementsByTagName("div")[lyid].getAttribute("animation") == 1)
			{
				LName[zaehler] = document.getElementById("lyrmain").getElementsByTagName("div")[lyid].id;
				zaehler++;
			}
		}

		
		for (i=0;i<LName.length ;i++ )
		{

			
			LHTML[i] = document.getElementById(LName[i]).innerHTML;
			LLeft[i] = document.getElementById(LName[i]).offsetLeft;
			LTop[i] = document.getElementById(LName[i]).offsetTop;
			LWidth[i] = document.getElementById(LName[i]).offsetWidth;
			LHeight[i] = document.getElementById(LName[i]).offsetHeight;

			document.getElementById(LName[i]).innerHTML = "";;
			document.getElementById(LName[i]).style.overflow = "hidden";
			document.getElementById(LName[i]).style.width = "0px";
			document.getElementById(LName[i]).style.height = "0px";
			document.getElementById(LName[i]).style.left = StartX + "px";
			document.getElementById(LName[i]).style.top = StartY + "px";


		}

		aktiveinblenden = window.setInterval("aufbauen()", dauer / schrittzahl);
		
		
	}

	function aufbauen(){
		if (schritt > schrittzahl){
			schritt = schrittzahl;
		}
		
		for (i=0;i<LName.length ;i++ )
		{
			
			var Hoehe = Math.round((schritt * LHeight[i] / schrittzahl),0);
			var Breite = Math.round((schritt * LWidth[i] / schrittzahl),0);
			var DiffLinks = Math.round((schritt * Math.abs(LLeft[i] - StartX) / schrittzahl),0);
			var DiffOben = Math.round((schritt * Math.abs(LTop[i] - StartY) / schrittzahl),0);

			if (LLeft[i] < StartX){
				var Links = StartX - DiffLinks;
			}else{
				var Links = StartX + DiffLinks;
			}

			if (LTop[i] < StartY){
				var Oben = StartY - DiffOben;
			}else{
				var Oben = StartY + DiffOben;
			}
			
			document.getElementById(LName[i]).style.width = Breite + "px";
			document.getElementById(LName[i]).style.height = Hoehe + "px";
			document.getElementById(LName[i]).style.left = Links + "px";
			document.getElementById(LName[i]).style.top = Oben + "px";

		}

		if (schritt == schrittzahl){
			window.clearInterval(aktiveinblenden);

			for (i=0;i<LName.length ;i++ ){
				document.getElementById(LName[i]).innerHTML = LHTML[i];
			}

			var lyanz = document.getElementById("lyrmain").getElementsByTagName("div").length;

			for (var lyid=0; lyid < lyanz; lyid++ ){
				if (document.getElementById("lyrmain").getElementsByTagName("div")[lyid].ovfl == 1)
				{
					document.getElementById("lyrmain").getElementsByTagName("div")[lyid].style.overflow = "auto";
				}
			}
		}

		var schrittweite = 5 - Math.round(schritt / schrittzahl * 5, 0) +1;
		schritt = schritt + schrittweite;

	}






	
	function DiaShow(){
		helligkeit = 99;
		aktiv = window.setInterval("fading()", 25);
	}


	function starten(x){
		BStart = 1;
		document.getElementById('spAusgabe1').innerHTML = Bilder[1][1];
		document.getElementById('spAusgabe2').innerHTML = Bilder[2][1];

		var z = window.setInterval('DiaShow()', 5000);
		if (x == 1){
			einfliegen();
		}
		

	}


	function fading(){
		document.getElementById('spAusgabe1').innerHTML = Bilder[BA][1];
		document.getElementById('spAusgabe2').innerHTML = Bilder[BB][1];

		if (Richtung == 1){
			document.getElementById('lyrBildA').style.filter = "alpha(opacity=" + helligkeit +")";
			document.getElementById('lyrBildA').style.opacity = helligkeit/100;
			document.getElementById('lyrBildB').style.filter = "alpha(opacity=" + (99-helligkeit) +")";
			document.getElementById('lyrBildB').style.opacity = (99-helligkeit)/100;
			document.getElementById('lyrBildbeschreibungA').style.filter = "alpha(opacity=" + helligkeit +")";
			document.getElementById('lyrBildbeschreibungA').style.opacity = helligkeit/100;
			document.getElementById('lyrBildbeschreibungB').style.filter = "alpha(opacity=" + (99-helligkeit) +")";
			document.getElementById('lyrBildbeschreibungB').style.opacity = (99-helligkeit)/100;
		}else{
			document.getElementById('lyrBildB').style.filter = "alpha(opacity=" + helligkeit +")";
			document.getElementById('lyrBildB').style.opacity = helligkeit/100;
			document.getElementById('lyrBildA').style.filter = "alpha(opacity=" + (99-helligkeit) +")";
			document.getElementById('lyrBildA').style.opacity = (99-helligkeit)/100;
			document.getElementById('lyrBildbeschreibungB').style.filter = "alpha(opacity=" + helligkeit +")";
			document.getElementById('lyrBildbeschreibungB').style.opacity = helligkeit/100;
			document.getElementById('lyrBildbeschreibungA').style.filter = "alpha(opacity=" + (99-helligkeit) +")";
			document.getElementById('lyrBildbeschreibungA').style.opacity = (99-helligkeit)/100;
		}
		helligkeit = helligkeit -1;
		Schleife++;

		if (helligkeit < 0){


			if (Richtung == 1){
				var Bildchen = "BA";
				Richtung = 2;

				BA = BA + 2;

				if (BA > BEnde){
					BA = BA - BEnde;
				}
				if (BA == 0){
					alert ('Bild 0 - ' + BEnde);
					BA = 1;
				}

				Anzeigebild = BA;

			}else{
				var Bildchen = "BB";
				Richtung = 1;
				BB = BB + 2;

				if (BB > BEnde){
					BB = BB - BEnde;
				}
				
				if (BB == 0){
					alert ('Bild 0 - ' + BEnde);
					BB = 1;
				}


				Anzeigebild = BB;
			}


			document.getElementById(Bildchen).src = "/diashow/" + Bilder[Anzeigebild][0];
			window.clearInterval(aktiv);
		}
	}


function bilderlisteholen(Zahl, SB){
	StartPic = (Zahl -1) * 12 + 1 ;
	AnzeigePic = 0;
	StartBild = SB;
	mytimer = window.setInterval("Pruefen()", 50);
}


function ShowPic(){
	if (4 == XMLHTTP.readyState) {
		var d = document.getElementById('td_img_' + AnzeigePic);
		d.innerHTML = XMLHTTP.responseText;
		binfertig = true;

		if (AnzeigePic == StartBild){
			var dd = document.getElementById('td_img_' + StartBild);
			var bild = dd.getElementsByTagName("img")[0].src;

			document.getElementById('mainpic').src = bild;
		}

	}
}

function GetPic() {

	XMLHTTP.open('POST', 'holebild.php');
	XMLHTTP.onreadystatechange = ShowPic;
	XMLHTTP.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

	param = "Bild=" + (StartPic + AnzeigePic) * 1;
	XMLHTTP.send(param);
}

function Pruefen(){

	if (binfertig){
		binfertig = false;
		GetPic();
		AnzeigePic++;
	}

	if (AnzeigePic >= 12){
		window.clearInterval(mytimer);
	}
	
}

function zeigebild(bnr){
	var d = document.getElementById('td_img_' + bnr);
	var bild = d.getElementsByTagName("img")[0].src;

	document.getElementById('mainpic').src = bild;
}

function bilderwechseln(){
	var x = window.setInterval("losgehts()",5000);
}

function losgehts(){
	warten = 0;
	wechsel = window.setInterval("neuebilder()", 1000);
}


function bilderwechselstoppen(){
	window.clearInterval(wechsel);
}


function neuebilder_ausgabe(){
	if (4 == XMLHTTP.readyState) {
		var d = document.getElementById('StartRechts');
		d.innerHTML = XMLHTTP.responseText;
	}
}

function neuebilder() {

	warten++;

	if (warten > 10){
		warten = 0;

		XMLHTTP.open('POST', 'blrandom.php');
		XMLHTTP.onreadystatechange = neuebilder_ausgabe;
		XMLHTTP.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

		param = "x=1";
		XMLHTTP.send(param);

	}

}