$(document).ready(function(){
	
	$('a.portfolio-preview').click(function(){
	
		var array = $(this).attr('rel');
		var rel = new Array();
		rel = array.split('****');
		/*
			
			0 : Title
			1 : Art
			2 : Link
			3 : Date
			4 : Description
		
		*/
		
		var html = "<div id='layer'><div id='lightbox-wrapper'><h1>" + rel[0] + "</h1><p>" + rel[1] + "<span>Umfang</span></p><p>" + rel[4] + "<span>Beschreibung</span></p><p>" + rel[3] + "<span>Datum</span></p>";
		
		if(rel[2].slice(0,3) == 'www') html = html + "<p><a href='" + rel[2] + "' target='_blank'>" + rel[2] + "</a><span>Seite besuchen</span></p>";
		else if(rel[2] != 0) html = html + "<p>" + rel[2] + "<span>Seite besuchen</span></p>";
		
		html = html + "<img src='_/portfolio/" + $(this).find('img').attr('src').slice(12, -6) + "01.png' id='lightbox' alt='' /><a href='#' id='close'></a></div></div>";
	
		$(this).after(html);
		
		
		
		$('#layer').fadeTo(100, 1).animate({
			top: 0,
			bottom: 0,
			left: 0,
			right: 0
		}, 300, function(){
			
			$('#lightbox-wrapper').fadeIn(500);
			
			var marginTop = $('#lightbox').outerHeight() * -0.5;
			
			$('#lightbox').css('margin-top', marginTop);
			
			
			
			
			
			$('a#close').click(function(){
				$('#layer').remove();
				return false;
			});

		});
	
	
	});
	
	
	


});