$(document).ready(function() {

// Скролирование
$(window).scroll(function () {
	// Инициализируем переменные
	var echo, top, wrap_h, br_h;
	// Параметры области просмотра
	window_h=$(window).height();
	// Параметры оболочки изображения
	img_wrap_h=$("#img_wrap").height();
	img_wrap_top=((window_h-img_wrap_h)/2)+$(window).scrollTop(); // Отступ сверху
	if (img_wrap_h<window_h)
		{
			$("#img_wrap").animate ({"top": img_wrap_top}, 100);
		};
});

});

// Функция показа большого изображения
function show_sh_img (src, img_h, img_w)
	{

		// Инициализируем переменные
		var echo, top, wrap_h, br_h;

		// Устанавливаем переменные в числа
		img_h=eval(img_h); img_w=eval(img_w);

		// Параметры фона
		bg_color="#000"; // Цвет
		bg_opacity=0.4; // Прозрачность
		bg_time=500; // Время
        bg_h=$("body").height(); // Высота
		if (($(window).scrollTop()+img_h)>bg_h) {bg_h=$(window).scrollTop()+img_h+60;}; // Если высота картирки и прокрутка больше высоты фона

		// Параметры области просмотра
		window_h=$(window).height();
		window_w=$(window).width();

		// Параметры оболочки изображения
		img_wrap_h=img_h+20; // Высота
		img_wrap_w=img_w+20; // Ширина
		img_wrap_top=(window_h-img_h)/2+$(window).scrollTop(); // Отступ сверху
		img_wrap_left=(window_w-img_w)/2; // Отступ слева
		if (img_h>window_h) {img_wrap_top=$(window).scrollTop()+20; /*alert(img_wrap_top);*/} // Если высота изображения больше области просмотра

		// Оболочка, фон, изображение
        echo='<div id="img_wrap" style="cursor:pointer; visibility:hidden; position:absolute; z-index:2; top:'+img_wrap_top+'px; left:'+img_wrap_left+'px; height:'+img_wrap_h+'px; width:'+img_wrap_w+'px;" onclick="hid_sh_img();">';
			echo+='<div align="right"><img src="/images/close.gif" alt="Закрыть" title="Закрыть" /></div>';
			echo+='<div><img style="border:solid 1px #fff;" id="img" src="'+src+'"></div>';
		echo+='</div>';
		echo+='<div id="bg" style="background:'+bg_color+'; position:absolute; top:0; z-index:1; width:100%; height:'+bg_h+'px;" onclick="hid_sh_img();"></div>';

		// Выводим
		$("body").append(echo);

		// Анимируем
        $("#bg").css("opacity", 0);
		$("#bg").animate
			(
				{opacity: bg_opacity},
				bg_time,
				function()
					{
						$("#img_wrap").css("visibility", "visible");
					}
			);

	}

// Функция скрытия большого изображения
function hid_sh_img ()
	{
		var time=500;
        $("#img_wrap").animate({opacity: 0},time,
			function()
					{
                        $("#img_wrap").remove();
					}
			);
        $("#bg").animate({opacity: 0},time,
			function()
					{
						$("#bg").remove();
					}
			);

	}