// JavaScript Document

var SNOW_Picture = "img/snow0.gif"; // Pfad für Schneeflocke; Skript: snow.js

function init() {
	// Auf Cookie prüfen
	if(document.cookie.indexOf("giveandtakeIntro") < 0) {
		// Kein Cookie -> Cookie setzen und Intro abspielen
		window.document.cookie = "giveandtakeIntro=1; path=/";
		
		var intro = document.getElementById('intro');
		intro.style.display = "block";
		
		// Introbilder
		var imgLoading = new Image();
		imgLoading.src = "img/intro/loading.gif";
		var introbilder = new Array();
		introbilder[0] = new Image();
		introbilder[0].src = imgLoading.src; // Ladeanimation als 1. Bild
		var introbilderAnzahl = 11; // hier die Anzahl der Introbilder angeben
		var introbildZaehler;
		for(introbildZaehler = 1; introbildZaehler <= introbilderAnzahl; introbildZaehler++) {
			introbilder[introbildZaehler] = new Image();
			introbilder[introbildZaehler].src = "img/intro/" + introbildZaehler + ".jpg";
			
			if(introbildZaehler == introbilderAnzahl)
				fnLoadImages(introbilder[introbildZaehler].src, introbildZaehler, introbilderAnzahl, introbilder);
		}
	}
	else {
		// Cookie gefunden -> kein Intro
		window.location.href = "de/index.php";
	}
}

window.onload = init;


function fnLoadImages(imgQuelle, imgPosition, imgAnzahl, imgArray) {
	
	function myImgOnLoadHandler() {
		if(imgAnzahl == imgPosition) {
			// alle Bilder geladen
			var opacity;
			
			// Ladeanimation
			document.images['introIMG'].src = imgArray[0].src;
			
			// 1. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[1].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 1500);
			
			// 2. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[2].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 2500);
			
			// 3. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[3].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 3500);
			
			// 4. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[4].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 4500);
			
			// 5. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[5].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 5500);
			
			// 6. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[6].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 6500);
			
			// 7. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[7].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 7500);
			
			// 8. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[8].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 8500);
			
			// 9. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[9].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 9500);
			
			// 10. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[10].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 10500);
			
			// 11. Bild
			window.setTimeout(function () {
				document.images['introIMG'].style.visibility = "hidden";
				document.images['introIMG'].src = imgArray[11].src;
				opacity = 0;
				fadeIn('introIMG', opacity);
			}, 11500);
			
			// Ende
			window.setTimeout(function() {
				document.getElementById('intro').style.display = "none";
				window.location.href = "de/index.php";
			}, 12500);
		}
	}
	
	function myImgOnErrorHandler() {
		alert("Das Bild konnte nicht geladen werden!");
	}
	
	function myImgCompleteHandler() {
		;
	}
	
	var img = new Image();
	img.onload = myImgOnLoadHandler;
	img.onerror = myImgOnErrorHandler;
	
	// Preloader: Unterscheidung IE und Mozilla, Opera
	if(navigator.userAgent.indexOf('MSIE') > -1) {
		var bool = true; // MS IE
	}
	else {
		var bool = false; // Mozilla, Opera
	}
	do {
		myImgCompleteHandler();
	}
	while(img.complete == bool);
	
	img.src = imgQuelle;
}

function fadeIn(objId, opacity) {
	if(document.getElementById) {
		document.images['introIMG'].style.visibility = "visible";
		
		obj = document.images['introIMG'];
		if(opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('" + objId + "', " + opacity + ")", 60);
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100) ? 99.999 : opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:" + opacity + ")";
	// Safari < 1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// ältere Mozilla und Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, neuere Firefox und Mozilla, CSS3
	obj.style.opacity = opacity/100;
}