/* ############### In dieser JS-Datei sind alle Event-Handler fuer die Portfolio-Uebersichtsseite ##################### */
$(document).ready(function(){ // Ab hier alle Funktionen, die bei komplettem DOM ausgefuehrt werden

	$("#Portfolio_1").hover(function(){
			$("#Slideshowcontainer").css("top","0px");
 	}, function(){});
	$("#Portfolio_2").hover(function(){
			$("#Slideshowcontainer").css("top","-480px");
 	}, function(){});
	$("#Portfolio_3").hover(function(){
			$("#Slideshowcontainer").css("top","-960px");
 	}, function(){});
	$("#Portfolio_4").hover(function(){
			$("#Slideshowcontainer").css("top","-1440px");
 	}, function(){});
	$("#Portfolio_5").hover(function(){
			$("#Slideshowcontainer").css("top","-1920px");
 	}, function(){}); 	
	$("#Portfolio_6").hover(function(){
			$("#Slideshowcontainer").css("top","-2400px");
 	}, function(){});  
	$("#Portfolio_7").hover(function(){
			$("#Slideshowcontainer").css("top","-2880px");
	}, function(){});
	$("#Portfolio_8").hover(function(){
			$("#Slideshowcontainer").css("top","-3360px");
 	}, function(){}); 
 	$("#Portfolio_9").hover(function(){
			$("#Slideshowcontainer").css("top","-3840px");
 	}, function(){});
	$("#Portfolio_10").hover(function(){
			$("#Slideshowcontainer").css("top","-4320px");
 	}, function(){}); 
	$("#Portfolio_11").hover(function(){
			$("#Slideshowcontainer").css("top","-4800px");
 	}, function(){});
	$("#Portfolio_12").hover(function(){
			$("#Slideshowcontainer").css("top","-5280px");
	}, function(){});

});