$(document).ready(function() {
	$("div.credit").hide();
	
	$("#projects img").click(function() {
		
		
	  if ($(this).is('.big')) {
 
	      $(this).removeClass('big');
		  
		  var bildsrc = $(this).attr('src').replace("_b.jpg", "_t.jpg");
		  var element = $(this);
		  
		  window.setTimeout(function() {
			$(element).attr('src', bildsrc);
			}, 600);
	  }
	  else{
 
	      $(this).addClass('big');
		  
		  var bildsrc = $(this).attr('src').replace("_t.jpg", "_b.jpg");
		  $(this).attr('src', bildsrc);

	  }
		
		
		if ($(this).parents("div.proj").find("img.big").length) {
			$(this).parents("div.proj").children().children("div.credit").show(); // wenn Bildklasse 'big' enthalten, credit anzeigen ...
			}
		else { $(this).parents("div.proj").children().children("div.credit").hide(); } // ... sonst ausblenden

	});
	
	$("span.close").click(function() {
		$(this).parents("div.proj").find("img").removeClass('big'); // Klasse für Projekt entfernen
		$(this).parent().hide();
	});
	
});