// JavaScript Document

$(document).ready(function() {
	$("#gallery_navigation div").hover(
		function() {
			$(this).addClass("hover");
		},
		function() {
			$(this).removeClass("hover");
		}
	);
	$("#gallery_navigation div").click(function() {
		$("#gallery_navigation div").removeClass("click");
		$(this).addClass("click");
	});
	$.preloadImages(
		"pictures/print_showcase/start.jpg",
		"pictures/print_showcase/visitenkarten.jpg",
		"pictures/print_showcase/gutscheinbuch.jpg"
	);
	
	$("#main_image").append('<img src="" alt="" border="0" id="main_picture" width="700" height="484">');
	$("#main_picture").attr("src", "pictures/print_showcase/start.jpg");
	$("#main_picture").reflect({height: 0.35, opacity: 0.2});
	
	$(".gallery_link").click( function() {
		var id = $(this).attr("id");
		var beschreibung = $(this).attr("title");
		var untertitel = $(this).attr("name");
		$("#baseline").fadeOut("slow");
		$("#main_image").fadeOut("slow", function() {
		$("#main_image").empty();
		$("#baseline").empty();
		$("#main_image").append('<img src="" alt="" border="0" id="main_picture" width="700" height="484">');
		$("#main_picture").attr("src", "pictures/print_showcase/"+id+".jpg");
		$("#main_picture").reflect();
		$("#main_image").fadeIn("slow");
		$("#baseline").fadeIn("slow");
		$("#main_picture").reflect({height: 0.35, opacity: 0.2});
		$("#baseline").html("<div id='baseline_content'><b>"+beschreibung+"</b><br>"+untertitel+"</div>");
		});
	});
});