$(document).ready(function(){
	
	var isLoading = false;
	
	//duration in millisekunden
	var duration = 600;
	
	var slideCounter = 0;
	var pictureCount = $("#thumbsspalte .slider > div").size();
	var category = $("body").attr("id");

	$(".thumb").click(function() {
		changepic("to", $(this));
	});
	
	$("#pfeilunten").click(function() {
		changepic("down");	
	});
	
	$("#pfeiloben").click(function() {
		changepic("up");			
	});
		
	//Generische Funktion, die entscheidet, wie/ob geslidet werden muss.
	function changepic(way, test) {
		
		if(!isLoading) {
			isLoading = true;
			setTimeout(function() {
				isLoading = false;
			}, duration +100);
			var slide;
			if(way == "up" && slideCounter > 0) {
				slide = "Bild" +((slideCounter-1) * 6 + 1);
				slideUp();			
				changeTo(slide);
			}
			else if (way == "down" && (slideCounter+1) < (pictureCount/6)) {		
				slide = "Bild" +((slideCounter+1) * 6 + 1);
				slideDown();
				changeTo(slide);
			}
			else if (way == "to") {			
				changeTo(test.attr("id"));
			}
		}
	}

	//Die Thumbnails werden herunter geslidet
	function slideDown() {
		$("#thumbsspalte .slider").animate({
			top: '-=456px'
		}, 200);
		slideCounter++;
	}

	//Die Thumbnails werden herauf geslidet
	function slideUp() {
		$("#thumbsspalte .slider").animate({
			top: '+=456px'
		}, 200);
		slideCounter--;
	}
	
	//Ein Thumbnail wird markiert
	function activateThumb(toActivate) {		
		$(".thumb").removeClass("activated");
		var activate = "#" + toActivate;
		$(activate).addClass("activated");
	}
	
	//Das Bild wird gewechselt
	function changeTo(toLoad) {
		
		var newPic = "bilder/";
		newPic += category;
		newPic += "/";
		newPic += toLoad;
		newPic += ".jpg";
		
		var newText =  "#text" + toLoad.substr(4);
		
		$("#textfeld .active").removeClass('active');
		$(newText).addClass('active');
		
		activateThumb(toLoad);
		
		$("#bildspalte img").ImageSwitch({
			Type:"FadeIn",
        	NewImage: newPic,
        	EffectOriginal: false,  Speed: duration
    	});
	}
	
	$("body").mouseover(function(){
		for(var i = 0; i < pictureCount; i++) {
			var pictures = "bilder/";
			pictures += category;
			pictures += "/Bild";
			pictures += i+1;
			pictures += ".jpg";
			$.ImagePreload(pictures);
		}		
	});
	
});