// JavaScript Document
// Bildrotation und Verifizierung per Bildname
$(document).ready(function() {
						   
// Variablen und Vordefinitionen //
var BreiteIllu = $(".illu").outerWidth();
var linkerAbstand = BreiteIllu*(-1);
var tbkategorie = $(".illu").attr("tbkat");
var jahr=(new Date).getFullYear();
var jahre = new Array (jahr, jahr+1, jahr+2, jahr+3, jahr+4);
var i;var d;var e; var f;var g;
var arrayindex=0;
var nummer = new Array ("0", "1", "2", "3", "4", "5", "6", "7", "8", "9");
var bildname = new Array ();
var pfad= "images/themenbilder/" 

// Prüfung der Bilder durch Jahreszahlen etc per Schleifen //
for(i=0; i<5; i++){
	for(d=0; d<10; d++){
		for(e=0; e<10; e++){
			bildname[arrayindex] = pfad + tbkategorie+"/"+ jahre[i]+"_"+tbkategorie+"_"+nummer[d]+nummer[e]+".jpg"
			arrayindex++;
	}	}	}
for(f=0;f<10;f++){
	if (jQuery.inArray( $("#tb"+f).attr("src"), bildname)== -1){$("#tb"+f).remove()}}
for(g=1;g<10;g++){
// Überführen der Bilder in Liste //
	$("div.illu ul li:nth-child("+g+")").append($("img#tb"+g));}
$(".illu ul li:empty").remove();

// Automatisierte CSS-Werte //
var BreiteIllu = $(".illu").outerWidth();

var BreiteListe = $(".illu ul li:last").index()+1;
$(".illu ul").css({"width":  BreiteListe*BreiteIllu+"px"}).children("li").css({"width":  BreiteIllu+"px"});

	// Bildwechsel per Click //
	$(".illu").click(function(){						  
						  	 $(".illu ul").animate({'left' : linkerAbstand+'px'}, 500,function(){
						  		$(".illu ul li:last").after($(".illu ul li:first"));
						  		$(".illu ul").css({'left': '0px'});
								});
							 clearInterval(autobildwechsel); 
							 autobildwechsel = setInterval(autoclick, 4000);
							 
	});

// Automatischer Click //
var autoclick= function(){$(".illu").click()};
var autobildwechsel = setInterval(autoclick, 4000);

});
// List-Item-Hoehe an Bildhoehe angleichen
$(document).ready(function(){
var	h = 0;
var lianzahl = $("#veredlungsarten li:last").index()+1;
	for (h=0;h<lianzahl; h++){
		var lihoehe = $("#veredlungsarten li:nth-child("+h+")").children("img").height();
		//$("#veredlungsarten li:nth-child("+h+")").css({"height": lihoehe})
	};
});

$(document).ready(function(){
	var bildpfad="images/themenbilder/bilderveredelungsarten/";
	var anzahlrotationen = $(".kleinerotation").size();
	var anzahlbilder = new Array();  
	anzahlbilder[0]="0";
	var r=0;
			
	for(z=1; z<anzahlrotationen+1; z++){
		
		$(".kleinerotation:first").removeClass().addClass("kleinerotation"+z);
		var veredlungsart=$(".kleinerotation"+z).attr("name");
		var r=new Array();
		r[0]=1;	r[z]=1;
		var counter=0;
		
		$(".kleinerotation"+z+" img").attr("src", bildpfad+veredlungsart+r[0]+".jpg"); // Startbild
		$(".kleinerotation"+z+" img").css({"width":"254px"}); //verstecktes Bild im DIV.kleinerotation
		$(".kleinerotation"+z).css({"overflow":"hidden",
								   "width":"254px",
								   //"height":$(".kleinerotation"+z+" img").height(), //Auslesen der Hoehe des versteckten Bilds im DIV.kleinerotation zur individuellen Hoehenangabe
								   "float":"left","margin":"0 30px 15px 0"});
		
		$(".kleinerotation"+z).append("<span class='pause'>PAUSE</span>");
		$(".pause").css({"background":"#666",
						"position": "relative",
						"top": "-36px",
						"cursor":"pointer",
						"opacity":"0.25",
						"font-weight":"bold",
						"color":"#fff",
						"display": "none",
						"margin": "0 103px auto"});
		
		$(".kleinerotation"+z+" img").live("click",function(){if (r[z]< $(this).parent("div").attr("anzahl") ){r[z]=r[z]+1;} else{r[z]=1;};
			$(this).attr("src", bildpfad + $(this).parent("div").attr("name") + r[z] +".jpg"); counter++;
		});//END "LIVE"															 
		$(".kleinerotation"+z+" span").live("click",function(){ counter++; 	
			if (counter%2==0){$(".pause").each(function(){$(".pause").text("PAUSE")});rotationveredlungsarten = setInterval(autoveredlung, 1500);} 
			else{$(".pause").each(function(){$(".pause").text("WEITER")});clearInterval(rotationveredlungsarten);}
		});//END "LIVE"
		
	}//END "FOR"

	var autoveredlung= function(){for(z=1; z<anzahlrotationen+1; z++){	$(".kleinerotation"+z+" img").trigger("click");};};
	var rotationveredlungsarten = setInterval(autoveredlung, 1500);
					  
});//END SCRIPT

$(document).ready(function(){
	var breitebild=640;
	var count=0;
	var mittefenster= $(window).width()/2;
	var mittebild=breitebild/2;
	var abstand=mittefenster-mittebild;
	var abstandoben="100px";
	var hoeheoverlay=$("#contentcontainer").height()+110;
	var abstandx =abstand+breitebild+10;
	
 $("#angebote li img").live("click", function(){$("#top").prepend("<div id='x' style='background:url(images/close.png); width:22px; height:22px; z-index:1001; position:absolute; top:88px; left:"+ abstandx +"px;'></div><div id='gallery-overlay' style='width:100%; height:"+ hoeheoverlay +"px; background:#000; opacity:0.8; position:absolute; top:0; left:0; z-index:999;'></div><div id='gallery-overlay' style='width:640px; padding:10px; position:absolute; top:"+abstandoben+"; left:"+abstand+"px; z-index:1000; background:#fff; broder:solid 1px #ccc;'><img src="+$(this).attr("detail")+" width="+breitebild+"></div>");})	
 
 $("#x").live("click", function(){$("#top").empty().text(" ")})
 $(document).keyup(function(e) {
    if (e.keyCode == 27) { $("#top").empty().text(" ") }   // esc
});
			
});//END SCRIPT