$(document).ready(function () {
	var photo = new Image();
	$(photo).load(function () {
		$("#photo_viewer #loader_photo").hide();
		$("#photo_viewer #big_photo").append(this).show();
		$("#photo_viewer #buttons").show();
	});

	$("img.thumb").click(function () {
	    var thisImgLink = $(this).attr("src");
		var bigImgLink = "images/photos/"+ thisImgLink.substring(thisImgLink.lastIndexOf("/") + 1);

       	$("#photo_viewer").show();
		$(photo).attr("src", bigImgLink);
	});
	
	$("#big_photo").click(function () {
        closePhoto();
	});
});

function closePhoto() {
	$("#photo_viewer").hide();
	$("#photo_viewer #buttons").hide();
	$("#photo_viewer #big_photo").hide();
	$("#photo_viewer #loader_photo").show();
	setPhotoBack(1);
}

function setPhotoBack(B) {
	$("#photo_viewer").css("background-image", "url('images/back_photo_"+ B +".png')")
}