$(document).ready(function(){
   
   $(document).ready(function(){
	$(".fadePicture").click(function(){
		fadePicture($(this).attr("href"));
		return false;
	});
});

function prepareBody() {
	var loader = document.createElement("div");
	loader.id = 'loader';
	var mid = document.createElement("div");
	mid.id = 'mid';
	var msg = document.createElement("div");
	msg.id = 'msg';
	var closecontainer = document.createElement("div");
	closecontainer.id = 'closecontainer';
	var close = document.createElement("div");
	close.id = 'close';
	var img = new Image();
	$(img).attr("src", "img/close.jpg");
	var clink = jQuery('<a id="aclose" href="#"></a>').click(function(){
		//$("#loader").fadeOut("fast");
		$('#loader').attr("style", "visibility: none;");
		$("#mid").fadeOut("slow", function(){$(this).remove()});
		return false;
	}).append(img);
	$(close).append(clink);
	$(loader).appendTo("body");
	$(mid).appendTo("body");
	$(msg).appendTo(mid);
	$(closecontainer).appendTo(msg);
	$(close).appendTo(closecontainer);
	$('#loader').attr("style", "visibility: visible; height: "+$(document).height()+"px; background-position: center "+ ($(window).scrollTop() + (($(window).height() - 32)/2)) +"px;");
	$('#loader').fadeIn();
}

function fadePicture(link) {
	prepareBody();
	var img = new Image();
	$(img).load(function(){
		$('#msg').append(this);
		$('#msg').attr("style", "width: "+ this.width +"px;");
		$('#mid').attr("style", "top: "+ ($(window).scrollTop() + (($(window).height() - this.height)/2) - 20) +"px;");
		$('#mid').fadeIn();
    }).attr('src', link);
}
   
 });