//bauart Architekturplanung - js

//Diashow

//Globale Parameter

	var diaFadeInCount = 1; //Eins höher als "diaFadeOutCount" (Startbild)
	var diaFadeOutCount = 0; //Startbild
	var diaShowDelay = 3000; //Wie lange soll das Bild angezeigt werden (ms) ?
	var diaFadeDelay = 10; //Wie schnell soll das Bild aus/einfaden (ms pro Schritt) ? S.a. diaFadeStepWidth
	var diaFadeStepWidth = 1; //Wie groß sind die einzelnen Überblenderschritte ? Wichtig: muss in der Addition mit seinem Vielfachen 100 ergeben! Ergibt zusammen mit "diaFadeDelay" die Überblendungsgeschwindigkeit!
	var diashowSwitchTextTimer = 90; // Wann soll der Text umschalten? Erlaubt sind Vielfache von diaFadeStepWidth im Bereich von 1-99!
	var iIn = 0;
	var iOut = 100;

//Initialer Aufruf
	
	function start () {
		var curtain = document.getElementById("diashow").getElementsByTagName("img")[0];
		document.getElementById("diashow").removeChild(curtain);
		var diashowContainer = document.getElementById("diashow");
		var dias = diashowContainer.getElementsByTagName("img");
		
		var diaAltNameActive = dias[diaFadeOutCount].alt;
		var diaAltNameNext = dias[diaFadeInCount].alt;
		var diashowActiveSubtitle = document.getElementById(diaAltNameActive);
		var diashowNextSubtitle = document.getElementById(diaAltNameNext);		

		dias[0].style.opacity = 1;	
		dias[0].style.filter = "alpha(opacity=100)";
		
		diashowActiveSubtitle.style.display = "block";
		
		window.setTimeout(fadeIn, diaShowDelay);		
	}

//Diashow

	function fadeIn() {
		var diashowContainer = document.getElementById("diashow");
		var dias = diashowContainer.getElementsByTagName("img");
		var diaFadeIn = iIn; /*ehem dias[diaFadeInCount].style.opacity : alpha opacity auslesen als Alternative!*/
		var diaFadeOut = iOut; /*dias[diaFadeOutCount].style.opacity : alpha opacity auslesen als Alternative!*/
		var diaAltNameActive = dias[diaFadeOutCount].alt;
		var diaAltNameNext = dias[diaFadeInCount].alt;
		var diashowActiveSubtitle = document.getElementById(diaAltNameActive);
		var diashowNextSubtitle = document.getElementById(diaAltNameNext);			
		//diaFadeIn = diaFadeIn * 100;		
		diaFadeIn = diaFadeIn + diaFadeStepWidth;
		//diaFadeOut = diaFadeOut * 100;
		diaFadeOut = diaFadeOut - diaFadeStepWidth;	
		iIn = diaFadeIn;
		iOut = diaFadeOut;
		if (diaFadeOut == diashowSwitchTextTimer && diaAltNameActive != diaAltNameNext) {
			//alert("Aktueller Text: " + diaAltNameActive + " und nächster Text: " + diaAltNameNext);
			diashowActiveSubtitle.style.display = "none";
			diashowNextSubtitle.style.display = "block";
		}		
		dias[diaFadeInCount].style.opacity = diaFadeIn / 100;	
		dias[diaFadeOutCount].style.opacity = diaFadeOut / 100;	
		dias[diaFadeInCount].style.filter = "alpha(opacity=" + diaFadeIn + ")";	
		dias[diaFadeOutCount].style.filter = "alpha(opacity=" + diaFadeOut + ")";				
		if (diaFadeIn < 100) {
			window.setTimeout(fadeIn, diaFadeDelay);
		}					
		else {
			iIn = 0;
			iOut = 100;
			if (diaFadeInCount < (dias.length - 1)) {
				dias[diaFadeOutCount].style.display = "none";
				diaFadeInCount = diaFadeInCount + 1;	
				dias[diaFadeInCount].style.display = "inline";
				diaFadeOutCount = diaFadeOutCount + 1;
				if (diaFadeOutCount == dias.length) {
					diaFadeOutCount = 0;
				}
				window.setTimeout(fadeIn, diaShowDelay);
			}
			else {
				dias[diaFadeOutCount].style.display = "none";
				diaFadeInCount = 0;	
				dias[diaFadeInCount].style.display = "inline";					
				diaFadeOutCount = dias.length - 1;
				window.setTimeout(fadeIn, diaShowDelay);					
			}
		}
	}
		
//Ausrollen der Startseite

//Zähler für Verschiebung
		
	function getNextReposStep(counter) {
		var schritte = 500; // anzahl der Schritte, bis 220 zurückgegeben wird
		return 220 * (Math.sin( (counter * Math.PI / schritte) - (Math.PI/2) ) + 1) / 2
	}
	
//Zähler für Expansion
	
	function getNextExpandStep(counter) {
		var schritte = 500; // anzahl der Schritte, bis 220 zurückgegeben wird
		return 300 * (Math.sin( (counter * Math.PI / schritte) - (Math.PI/2) ) + 1) / 2
	}

//Verschiebung

	function repos(counter) {
		var outerBox = document.getElementById("main_box"); 
		var pos = parseInt(outerBox.style.top);
		pos = pos - getNextReposStep(counter);
		counter = counter + 1;
		outerBox.style.top = pos + "px";	
		if (pos > -220) {	
			window.setTimeout ("repos("+counter+")", 30);
		} else {
			expa(0);
		}
	}
	
//Expansion	
	
	function expa(counter) {
		var box = document.getElementById("main_content");
		var hoehe = parseInt(box.style.height);
		hoehe = hoehe + getNextExpandStep(counter);
		counter++;
		if (hoehe < 300) {			
				box.style.height = hoehe + "px";		
				window.setTimeout ("expa("+counter+")", 30);
		}
		else {
				box.style.height = "300px";
			}
	}

//Initialer Aufruf	
	
	function expand () {
		var counter = 0;
		expa(counter); //if movement is desired, call "repos" instead; id main_box must then be style="top:-70px;"

	}