$(document).ready(
	function(){
		$(".lightbox").click(
			function(){
				overlaylink = $(this).attr("href");
				window.startLightbox(overlaylink);
				return false;
			}
		);
	}
);

function startLightbox(overlaylink) {
	$("body")
		.append('<div class="darkoverlay"></div><div class="lbcontainer"></div>')
		
	
	$(".darkoverlay").animate({"opacity":"0.7"}, 500, "linear");
	
	$(".lbcontainer").html('<img src="' + overlaylink + '" alt="bildtext" />');
	
	$(".lbcontainer img").load(
		function(){
			var imgWidth = $(".lbcontainer img").width();
			var imgHeight = $(".lbcontainer img").height();
			$(".lbcontainer").css({
				"top": (window.pageYOffset + (window.innerHeight/2)),
				"left": "50%",
				"width": imgWidth,
				"height": imgHeight,
				"margin-top": -(imgHeight / 2),
				"margin-left": -(imgWidth / 2 )
			}).animate({"opacity":"1"}, 500, "linear");
			window.endLightbox();
		}
	);
}

function endLightbox(){
	$(".lbcontainer, .darkoverlay").click(
		function(){
			$(".lbcontainer, .darkoverlay").animate({"opacity":"0"}, 500, "linear", 
				function(){
					$(".lbcontainer, .darkoverlay").remove();
					$("body").css({"overflow-y":"visible"});
				}
			);
		}
	);
}