$(document).ready(function(){
	
	//Fancybox:
	$(".gal1[rel=gal1]").fancybox({'showNavArrows':true, 'titleShow':false});
	$(".gal2[rel=gal2]").fancybox({'showNavArrows':true, 'titleShow':false});
	$(".gal3[rel=gal3]").fancybox({'showNavArrows':true, 'titleShow':false});
	$(".gal4[rel=gal4]").fancybox({'showNavArrows':true, 'titleShow':false});
	$("a#link_impressum").fancybox({'showNavArrows':false, 'titleShow':false});
	
	// Animations >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

	var last_active = "default";
	var processing = false;
	var first = true;
	
	$("#sub-navi").css("margin-left","190px");
	
	function displayContent(active) {
		if (first) {active = "s" + active;}
		if (active == last_active) {active = "default"; first = true;} 
		//alert(active + " | " + last_active);
		//$("#s_active").text(active);
		//$("#s_last_active").text(last_active);
		if (processing == false) {
			processing = true;
			switch (active) {
			case "s1":
				$("#manufaktur").animate({height:"432px"}, 800, function() {processing = false;});
				$("#buttons").animate({marginTop:"0"}, 800);
				$(".btn_ambiente").animate({opacity:"0.1"}, 400, function() {
					$(".btn_ambiente").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$(".btn_objekt").animate({opacity:"0.1"}, 400, function() {
					$(".btn_objekt").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$("#logo").animate({opacity:"0.1"}, 400, function() {
					$("#logo").css("background-position","0 -61px");
				}).animate({opacity:"1"}, 400);
				$("#thumbnails").css("margin-top","0");
				$("#sidetext span").css("display","none");
				$("#txt-manufaktur").css("display","block");
				$("#sidetext").fadeIn(800);
				first = false; last_active = "1";
			break;
			
			case "s2":
				$("#manufaktur").animate({height:"72px", marginTop:"-72px"}, 800, function() {processing = false;});
				$("#ambiente").animate({height:"432px"}, 800);
				$("#buttons").animate({marginTop:"-72px"}, 800);
				$(".btn_manufaktur").animate({opacity:"0.1"}, 400, function() {
					$(".btn_manufaktur").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$(".btn_objekt").animate({opacity:"0.1"}, 400, function() {
					$(".btn_objekt").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$("#logo").animate({opacity:"0.1"}, 400, function() {
					$("#logo").css("background-position","0 -122px");
				}).animate({opacity:"1"}, 400);
				$("#thumbnails").css("margin-top","-216px");
				$("#sidetext span").css("display","none");
				$("#txt-kuechen").css("display","block");
				$("#sidetext").fadeIn(800);
				$("#sub-navi").animate({marginLeft:"350px"}, 800);
				first = false; last_active = "2";
			break;
			
			case "s3":
				$("#manufaktur").animate({height:"72px", marginTop:"-144px"}, 800, function() {processing = false;});
				$("#objekt").animate({height:"432px"}, 800);
				$("#buttons").animate({marginTop:"-144px"}, 800);
				$(".btn_manufaktur").animate({opacity:"0.1"}, 400, function() {
					$(".btn_manufaktur").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$(".btn_ambiente").animate({opacity:"0.1"}, 400, function() {
					$(".btn_ambiente").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$("#logo").animate({opacity:"0.1"}, 400, function() {
					$("#logo").css("background-position","0 -183px");
				}).animate({opacity:"1"}, 400);
				$("#thumbnails").css("margin-top","-648px");
				$("#sidetext span").css("display","none");
				$("#txt-objekt").css("display","block");
				$("#sidetext").fadeIn(800);
				first = false; last_active = "3";
			break;
			
			case "1":
				$("#manufaktur").animate({height:"72px", marginTop:"0"}, 800).animate({height:"432px"}, 800, function() {processing = false;});
				$("#ambiente").animate({height:"72px"}, 800);
				$("#objekt").animate({height:"72px"}, 800);
				$("#buttons").animate({marginTop:"0"}, 800);
				$(".btn_manufaktur").animate({opacity:"0.1"}, 400, function() {
					$(".btn_manufaktur").css("background-position","top");
				}).animate({opacity:"1"}, 400);
				$(".btn_ambiente").animate({opacity:"0.1"}, 400, function() {
					$(".btn_ambiente").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$(".btn_objekt").animate({opacity:"0.1"}, 400, function() {
					$(".btn_objekt").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$("#logo").animate({opacity:"0.1"}, 400, function() {
					$("#logo").css("background-position","0 -61px");
				}).animate({opacity:"1"}, 400);
				$("#gal_1 li").css("display","none");
				$("#gal_1 li:eq(0)").css("display","block");
				$("#thumbnails").animate({opacity:"0.1"}, 800, function() {
					$("#thumbnails").css("margin-top","0");
				}).animate({opacity:"1"}, 400);
				$("#sub-navi").animate({marginLeft:"190px"}, 800);
				$("#sidetext").animate({opacity:"0"}, 800, function() {
					$("#sidetext span").css("display","none");
					$("#txt-manufaktur").css("display","block");
					$("#sidetext").animate({opacity:"1"}, 800);
				});
				last_active = "1";
			break;
			
			case "2":
				$("#manufaktur").animate({height:"72px", marginTop:"0"}, 800).animate({height:"72px", marginTop:"-72px"}, 800, function() {processing = false;});
				$("#ambiente").animate({height:"72px"}, 800).animate({height:"432px"}, 800);
				$("#objekt").animate({height:"72px"}, 800);
				$("#buttons").animate({marginTop:"0"}, 800).animate({marginTop:"-72px"}, 800);
				$(".btn_manufaktur").animate({opacity:"0.1"}, 400, function() {
					$(".btn_manufaktur").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$(".btn_ambiente").animate({opacity:"0.1"}, 400, function() {
					$(".btn_ambiente").css("background-position","top");
				}).animate({opacity:"1"}, 400);
				$(".btn_objekt").animate({opacity:"0.1"}, 400, function() {
					$(".btn_objekt").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$("#logo").animate({opacity:"0.1"}, 400, function() {
					$("#logo").css("background-position","0 -122px");
				}).animate({opacity:"1"}, 400);
				$("#gal_2 li").css("display","none");
				$("#gal_2 li:eq(0)").css("display","block");
				$("#thumbnails").animate({opacity:"0.1"}, 800, function() {
					$("#thumbnails").css("margin-top","-216px");
				}).animate({opacity:"1"}, 400);
				$("#sub-navi").animate({marginLeft:"190px"}, 800).animate({marginLeft:"350px"}, 800);
				$("#sidetext").animate({opacity:"0"}, 800, function() {
					$("#sidetext span").css("display","none");
					$("#txt-kuechen").css("display","block");
					$("#sidetext").animate({opacity:"1"}, 800);
				});
				last_active = "2";
			break;
			
			case "3":
				$("#manufaktur").animate({height:"72px", marginTop:"0"}, 800).animate({height:"72px", marginTop:"-144px"}, 800, function() {processing = false;});
				$("#ambiente").animate({height:"72px"}, 800);
				$("#objekt").animate({height:"72px"}, 800).animate({height:"432px"}, 800);
				$("#buttons").animate({marginTop:"0"}, 800).animate({marginTop:"-144px"}, 800);
				$(".btn_manufaktur").animate({opacity:"0.1"}, 400, function() {
					$(".btn_manufaktur").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$(".btn_ambiente").animate({opacity:"0.1"}, 400, function() {
					$(".btn_ambiente").css("background-position","bottom");
				}).animate({opacity:"1"}, 400);
				$(".btn_objekt").animate({opacity:"0.1"}, 400, function() {
					$(".btn_objekt").css("background-position","top");
				}).animate({opacity:"1"}, 400);
				$("#logo").animate({opacity:"0.1"}, 400, function() {
					$("#logo").css("background-position","0 -183px");
				}).animate({opacity:"1"}, 400);
				$("#gal_2 li").css("display","none");
				$("#gal_3 li:eq(0)").css("display","block");
				$("#thumbnails").animate({opacity:"0.1"}, 800, function() {
					$("#thumbnails").css("margin-top","-648px");
				}).animate({opacity:"1"}, 400);
				$("#sub-navi").animate({marginLeft:"190px"}, 800);
				$("#sidetext").animate({opacity:"0"}, 800, function() {
					$("#sidetext span").css("display","none");
					$("#txt-objekt").css("display","block");
					$("#sidetext").animate({opacity:"1"}, 800);
				});
				last_active = "3";
			break;
			
			default:
			$("#manufaktur").animate({height:"72px", marginTop:"0"}, 800, function() {processing = false;});
			$("#ambiente").animate({height:"72px"}, 800);
			$("#objekt").animate({height:"72px"}, 800);
			$("#buttons").animate({marginTop:"0"}, 800);
			$("#buttons div").animate({opacity:"0.1"}, 400, function() {
				$("#buttons div").css("background-position","top");
			}).animate({opacity:"1"}, 400);
			$("#logo").animate({opacity:"0.1"}, 400, function() {
					$("#logo").css("background-position","0 0");
				}).animate({opacity:"1"}, 400);
			$(".container div ul li").css("display","none");
			$("#gal_1 li:eq(0)").css("display","block");
			$("#gal_2 li:eq(0)").css("display","block");
			$("#gal_3 li:eq(0)").css("display","block");
			$("#sub-navi").animate({marginLeft:"190px"}, 800);
			$("#sidetext").fadeOut(800);
			last_active = "default";
			break;
			} // Ende switch
		} // Ende if
	} // Ende function
	
	$("#buttons-wrapper div a").click(function(){
		var active = $(this).attr("rel");
		//alert(active);
		displayContent(active);
		return false;
	});
	
	if ($("#bg-top").attr("rel") == "1" || $("#bg-top").attr("rel") == "2" || $("#bg-top").attr("rel") == "3") {
		var active = $("#bg-top").attr("rel");
		displayContent(active);
	}
	
	$("#content .container img").click(function(){
		if ($(this).attr("src") == "gfx/spacer.gif") {
			var active = $(this).attr("alt");
			//alert(active);
			displayContent(active);
			return false;
		}
	});
	
	$("#thumbs area").click(function(){
		var active = $(this).attr("title");
		var gallery = active.substr(0,1);
		var pic = active.substr(2,1);
		pic = parseInt(pic);
		if (pic > 0) {
			pic = pic - 1;
			$("#gal_" + gallery).animate({opacity:"0.1"}, 400, function() {
				$("#gal_" + gallery + " li").css("display","none");
				$("#gal_" + gallery + " li:eq(" + pic + ")").css("display","block");
				$("#gal_" + gallery).animate({opacity:"1"}, 400);
			});
		}
		return false;
	});
	
	$("#sub-navi a").click(function(){
		var active = $(this).attr("rel");
		if (active == "kuechen") {
			$("#thumbnails").animate({opacity:"0.1"}, 400, function() {
				$("#thumbnails").css("margin-top","-216px");
			}).animate({opacity:"1"}, 400);
			$("#gal_2").animate({opacity:"0.1"}, 400, function() {
				$("#gal_2 li").css("display","none");
				$("#gal_2 li:eq(0)").css("display","block");
				$("#gal_2").animate({opacity:"1"}, 400);
			});
			$("#sidetext").animate({opacity:"0"}, 400, function() {
				$("#sidetext span").css("display","none");
				$("#txt-kuechen").css("display","block");
				$("#sidetext").animate({opacity:"1"}, 400);
			});
		}
		else {
			$("#thumbnails").animate({opacity:"0.1"},400, function() {
				$("#thumbnails").css("margin-top","-432px");
			}).animate({opacity:"1"}, 400);
			$("#gal_2").animate({opacity:"0.1"}, 400, function() {
				$("#gal_2 li").css("display","none");
				$("#gal_2 li:eq(4)").css("display","block");
				$("#gal_2").animate({opacity:"1"}, 400);
			});
			$("#sidetext").animate({opacity:"0"}, 400, function() {
				$("#sidetext span").css("display","none");
				$("#txt-baeder").css("display","block");
				$("#sidetext").animate({opacity:"1"}, 400);
			});
		}
		return false;
	});
	// <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Animations
	
	
	
	// Ende document ready
});