$(document).ready(function() {
	var ImageToResizeClass = 'Kaboom'; // Класс маленькой фотки, которую будем увеличивать
	
	$('img.'+ImageToResizeClass).click(function(){
		$('#overlay').width($(document).width()).height($(document).height()).css('display', 'block');
		//Вывод прелодера
		$('body').append('<img src="/img/js/preloader.gif" id="preloader"></img>');
		//Позиционирование прелодера
		$('#preloader').load(function(){
		$('#preloader').css({top: ($(window).height()-$('#prelodaer').height())/2, left: ($(window).width()-$('#preloader').width())/2});
		}, 10);
		$('#overlay').css({display: 'block', opacity: 0.5});
		var Src = $(this).attr('src').split('.');
		BigImageSrc = Src[Src.length-2] + '-b.' +  Src[Src.length-1]//Адрес большой фотки = адрес маленькой + "-b"
		//Создание Div'a в которм и будет большая фотка
		$('body').append('<div id="BigImageContainer"><img src="'+BigImageSrc+'" id="BigImage"></img></div>');
		$('#BigImage').load(function() {
				$('#BigImageContainer').append('<br /><table width="'+$('#BigImageContainer').width()+'"><tr><td align="right"><a href="#" id="close">Закрыть</a></td></tr></table>');
				
				$('#close').click(function() {
					closeAll();
					return false;
				});
				
			CenterAndResizeElems();
			setTimeout(function() {$('#BigImageContainer').css({visibility: 'visible'}); $('#preloader').remove();}, 500);
		});
		
		$('#BigImageContainer').click(closeAll);
		return false;
	});
	//Убрать всё при клике не на фотку
	$('#overlay').click(function(){
		$('#preloader').remove();
		closeAll();
	});
	//Позиционирование элементов при изменении размера окна
	$(window).resize(CenterAndResizeElems);
	

	
});

function closeAll(){
	$('#overlay').css('display', 'none');
	$('#BigImageContainer').remove();
}

function CenterAndResizeElems(){
	var BigImageContainerTop = ($(window).height()-$('#BigImageContainer').height())/2;
	if(BigImageContainerTop <= 0){
		BigImageContainerTop = 20;
	}
	$('#BigImageContainer').css({top: BigImageContainerTop, left: ($(window).width()-$('#BigImageContainer').width())/2});
	if($('#overlay').css('display')=='block'){
		$('#overlay').width($(document).width()).height($(document).height()).css('display', 'block');
	}
}