// 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");
		$("#gallery_navigation2 div").removeClass("click");
		$(this).addClass("click");
	});
	
	$("#gallery_navigation2 div").hover(
		function() {
			$(this).addClass("hover");
		},
		function() {
			$(this).removeClass("hover");
		}
	);
	$("#gallery_navigation2 div").click(function() {
		$("#gallery_navigation div").removeClass("click");
		$("#gallery_navigation2 div").removeClass("click");
		$(this).addClass("click");
	});
	
	$.preloadImages(
		"pictures/web_showcase/schoolcommunity_homepage.jpg",
		"pictures/web_showcase/schoolcommunity_login.jpg",
		"pictures/web_showcase/schoolcommunity_oberflaeche.jpg",
		"pictures/web_showcase/fwg.jpg",
		"pictures/web_showcase/martinskirche.jpg",
		"pictures/web_showcase/lattreuter_relaunch.jpg",
		"pictures/web_showcase/lattreuter_verwaltung.jpg",
		"pictures/web_showcase/start.jpg",
		"pictures/web_showcase/civitas_online.jpg",
		"pictures/web_showcase/tvnierstein2.jpg",
		"pictures/web_showcase/under_construction.jpg",
		"pictures/web_showcase/zuckmayer.jpg",
		"pictures/web_showcase/fdi.jpg",
		"pictures/web_showcase/martin.jpg",
		"pictures/web_showcase/lattreuter.jpg",
		"pictures/web_showcase/wildparkweg.jpg",
		"pictures/web_showcase/deike.jpg",
		"pictures/web_showcase/mittendrin1.jpg",
		"pictures/web_showcase/mittendrin2.jpg",
		"pictures/web_showcase/hausaufgabensystem.jpg",
		"pictures/web_showcase/bretzenheim.jpg",
		"pictures/web_showcase/ingnierstein.jpg",
		"pictures/web_showcase/tvnierstein.jpg"
	);
	
	
	$("#main_image").append('<img src="" alt="" border="0" id="main_picture" width="700" height="484">');
	$("#main_picture").attr("src", "pictures/web_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();
		if ( beschreibung == "under construction" ) {
			$("#main_image").append('<img src="" alt="" border="0" id="main_picture" width="700" height="484" title="'+beschreibung+'">');
			$("#main_picture").attr("src", "pictures/web_showcase/under_construction.jpg");
		}
		if ( beschreibung == "under construction2" ) {
			$("#main_image").append('<img src="" alt="" border="0" id="main_picture" width="700" height="484" title="under construction">');
			$("#main_picture").attr("src", "pictures/web_showcase/"+id+".jpg");
		}
		if ( beschreibung != "under construction" || beschreibung != "under construction" ) {
			$("#main_image").append('<a href="'+beschreibung+'" target="_blank"><img src="" alt="" border="0" id="main_picture" width="700" height="484"></a>');
			$("#main_picture").attr("src", "pictures/web_showcase/"+id+".jpg");
		}
		
		$("#main_picture").reflect();
		$("#main_image").fadeIn("slow");
		$("#baseline").fadeIn("slow");
		$("#main_picture").reflect({height: 0.35, opacity: 0.2});
		if ( beschreibung == "under construction2" ) {
			$("#baseline").html("<div id='baseline_content'><b>under construction</b><br>"+untertitel+"</div>");
		}
		else {
			$("#baseline").html("<div id='baseline_content'><b>"+beschreibung+"</b><br>"+untertitel+"</div>");
		}
		});
	});
	
});