// JavaScript Document
debugtext = "";

function setimg()
	{
	bx = 1280;
	by = 486;
	wx = $(window).width();
	wy = $("#stage1").css("height");
	wy = wy.replace("px","");
	//jetzt = vormals.replace(/Hinz/g, "Kunz, geb. Hinz");
	
	fx = wx/bx;
	fy = wy/by;
	
	if (fy < fx) // immmer der größte Faktor ist ausschlaggebend
		{
		y = by *fx // neue Bildhöhe
		mg_korrektur = Math.round ((y-wy)/2)*-1;
		$("#testimg1").css('margin-top',mg_korrektur);
		$("#testimg1").css('margin-left',"0px");
		$("#testimg1").css('width',wx); //100%
		$("#testimg1").css('height',y);
		
		$("#testimg2").css('margin-top',mg_korrektur);
		$("#testimg2").css('margin-left',"0px");
		$("#testimg2").css('width',wx);
		$("#testimg2").css('height',y);
		}
	else
		{
		x = bx *fy // neue Bildbreite
		mg_korrektur = Math.round ((x-wx)/2)*-1;
		$("#testimg1").css('margin-top',"0px");
		$("#testimg1").css('margin-left',mg_korrektur);
		$("#testimg1").css('width',x);
		$("#testimg1").css('height',wy);
		
		$("#testimg2").css('margin-top',"0px");
		$("#testimg2").css('margin-left',mg_korrektur);
		$("#testimg2").css('width',x);
		$("#testimg2").css('height',wy);
		}
	$("#ornamentimg").css('width',wx);
	$("#ornamentimg").css('height',215); // fixer wert -> verzerrt
	}

img = Array(); flag = Array();
imagelist = Array();

//***** Main
serie = 0;
imagelist[serie] = Array(); flag[serie] = Array(); img[serie] = Array();
imagelist[serie][imagelist[serie].length] = "/pixs/teaser/main/luftbild.jpg"; flag[serie][imagelist[serie].length] = false;
imagelist[serie][imagelist[serie].length] = "/pixs/teaser/main/steg.jpg"; flag[serie][imagelist[serie].length] = false;
imagelist[serie][imagelist[serie].length] = "/pixs/teaser/main/seeblick.jpg"; flag[serie][imagelist[serie].length] = false;
imagelist[serie][imagelist[serie].length] = "/pixs/teaser/main/biergarten.jpg"; flag[serie][imagelist[serie].length] = false;
imagelist[serie][imagelist[serie].length] = "/pixs/teaser/main/bedienung.jpg"; flag[serie][imagelist[serie].length] = false;
imagelist[serie][imagelist[serie].length] = "/pixs/teaser/main/cafe.jpg"; flag[serie][imagelist[serie].length] = false;

//***** Gasthof
serie = 1;
imagelist[serie] = Array(); flag[serie] = Array(); img[serie] = Array();

imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/gasthof/gasthof_1.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/gasthof/gasthof_2.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/gasthof/gasthof_3.jpg"; flag[serie][imgnr] = false;

//***** Konditorei
serie = 2;
imagelist[serie] = Array(); flag[serie] = Array(); img[serie] = Array();
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/konditorei/kuchen.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/konditorei/konditorei_1.jpg"; flag[serie][imgnr] = false;

//***** erholung
serie = 3;
imagelist[serie] = Array(); flag[serie] = Array(); img[serie] = Array();
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/erholung/e1.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/erholung/e2.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/erholung/e3.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/erholung/e4.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/erholung/e5.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/erholung/e6.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/erholung/e7.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/erholung/e8.jpg"; flag[serie][imgnr] = false;

//***** Biergarten
serie = 4;
imagelist[serie] = Array(); flag[serie] = Array(); img[serie] = Array();
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/biergarten/bg1.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/biergarten/bg2.jpg"; flag[serie][imgnr] = false;
imgnr = imagelist[serie].length; imagelist[serie][imgnr] = "/pixs/teaser/biergarten/bg3.jpg"; flag[serie][imgnr] = false;


function preload(group,nr)
	{
	img[group][nr] = new Image();
	img[group][nr].src = imagelist[group][nr];
	next = nr + 1;
	if (next < imagelist[group].length)
		{
		img[group][nr].onload = function() {flag[group][nr] = true; preload(group,next);}
		//alert(group+ " "+nr+"\nLade jetzt nächstes Bild");
		}
	else
		{
		img[group][nr].onload = function() {flag[group][nr] = true; }
		//alert(group+ " "+nr+"\nLade jetzt nächste Serie");
		
		nextgroup = group+1;
		if (nextgroup < imagelist.length)
			{preload(nextgroup,0);}
		}
	
	if ((nr == 0) & (group == 0)) // Das erste Bild ist geladen 
		{
		//soundManager.createSound({  id: 'esterer_song',  url: '/sounds/esterer_song.mp3',  autoLoad: true,autoPlay: false, onfinish: function() {soundManager.play('esterer_song');},
		/*
		soundManager.createSound({  id: 'esterer_song',  url: '/sounds/esterer_song.mp3',  autoLoad: true,autoPlay: false, 
		onload: function() {
				//alert('The sound '+this.sID+' loaded!');},
			volume: 100
			});
		*/
		soundManager.createSound({  id: 'plaetschern',  url: '/sounds/Boat-MaRc-8003_hifi.mp3',  autoLoad: true,autoPlay: true, onfinish: function() {soundManager.play('plaetschern');},volume:70});
		soundManager.createSound({  id: 'birds',  url: '/sounds/birds.mp3',  autoLoad: true,autoPlay: true, onfinish: function() {soundManager.play('birds');},volume:100});
		soundManager.createSound({  id: 'song',  url: '/sounds/iStock_000008574218_downsmp.mp3',  autoLoad: true,autoPlay: false, onfinish: function() {soundManager.play('song');},volume:80});
		
		
		}
	}

actual_img = -1;
actual_group = 0;
actual_layer = 1;

function changer()
	{
	setimg();
	
	new_img = actual_img +1;
	if (new_img >= img[actual_group].length) {new_img = 0;}
	if (flag[actual_group][new_img] == true)
		{
		if (actual_layer == 1)
			{
			$("#testimg2").attr("src",img[actual_group][new_img].src);
			debugtext = "2 bekommt Src. 1 fadet jetzt aus";
			$("#stage1").animate({opacity: 0},2000,"linear",function()
				{
				actual_layer = 2;
				actual_img = new_img;
				debugtext = "2 bekommt Src. 1 fadet jetzt aus - FERTIG";
				window.setTimeout("changer()", 3000);
				});
			}
		else
			{
			$("#testimg1").attr("src",img[actual_group][new_img].src);
			debugtext = "1 bekommt Src. 1 fadet jetzt ein";
			$("#stage1").animate({opacity: 1},2000,"linear",function()
				{
				actual_layer = 1;
				actual_img = new_img;
				debugtext = "1 bekommt Src. 1 fadet jetzt ein - FERTIG";
				window.setTimeout("changer()", 3000);
				});
			}
		}
	else
		{
		window.setTimeout("changer()", 500);
		}
	}
	
function deb_out()
	{
	deb_string = "";
	serie = 0;
	deb_string += "* "+flag[serie][0]+" "+flag[serie][1]+" "+flag[serie][2]+" "+flag[serie][3]+"<br>";
	serie = 1;
	deb_string += "* "+flag[serie][0]+" "+flag[serie][1]+" "+flag[serie][2]+" "+flag[serie][3]+"<br>";
	serie = 2;
	deb_string += "* "+flag[serie][0]+" "+flag[serie][1]+" "+flag[serie][2]+" "+flag[serie][3]+"<br>";
	serie = 3;
	deb_string += "* "+flag[serie][0]+" "+flag[serie][1]+" "+flag[serie][2]+" "+flag[serie][3]+"<br>";
	
	//deb_string += "- Act: "+actual_group+" - "+actual_img+" - Ly: "+actual_layer+"| Z-Index: "+$("#stage1").css("z-index")+" - "+$("#stage2").css("z-index")+" | Window: "+(wx*1)+" - "+(wy*1)+"<br>"+debugtext
	$("#debugger").html( deb_string);
	//$("#debugger").html("WTC: "+wtc.join(",")+"<br>INSTR: "+m_instr.join(",")+"<br>"+debugtext );
	window.setTimeout("deb_out()", 100);
	}