$(function() {
	$('a[rel=lightbox]').click(function() {
		$('#overlay').fadeIn(1000);
		
		$('<img>').load(function () {
			$(this).hide();
			
			$('#overlay #fullsize').append(this);
			
			$(this).fadeIn(1000);
		}).error(function () {
	 		$('#overlay #fullsize').html('Fehler: Bild konnte nicht geladen werden.');
		}).attr('src', $(this).attr('href'));
		
		return false;
	});
	
	$('body').append('<div id="overlay"><span id="fullsize"></span><img src="/img/close.png" alt="" id="close_overlay" /></div>');
	
	$('#overlay').click(function() {
		$('#overlay').fadeOut(1000);
		
		$('#overlay #fullsize').html('');
	});
	
	$('#overlay').hide();
});