$(function()
		{
			// Вешаем обработчик на ссылки с нужным классом
			$('a.popup').click(function(){

				var link = $(this);

				// Создаём объекты
				var frame = $('<div class="popup-frame"></div>');
				var shadow = $('<div class="popup-shadow"></div>');
				var loader = $('<div class="popup-loader"></div>');
				var image = $('<img src="' + link.attr('href') + '" alt="' + link.attr('title') + '"/>');
				var button = $('<span title="Закрыть"></span>');

				// Цепляем их к BODY, а потом друг к другу
				frame.appendTo('body');
				shadow.appendTo(frame).animate({opacity:0.8},300);
				loader.appendTo(frame);
				image.appendTo(loader);

				// Ждём загрузки картинки
				image.load(function(){

					button.appendTo(loader);

					var w = image.width();
					var h = image.height();

					// Анимируем загрузчик до размеров картинки
					// и одновременно смещаем к центру
					loader.addClass('popup-loaded').animate({

						width:w,
						marginLeft:-w/2,
						height:h,
						marginTop:-h/2

					},500,function(){

						loader.addClass('popup-canvas');
						image.animate({opacity:1},300,function(){

							// Вешаем события для закрытия картинки
							function closeit(){
								loader.remove();
								shadow.animate({opacity:0},300,function(){
									frame.remove();
								});
							}

							shadow.click(function(){closeit()});
							button.click(function(){closeit()});

							$(document).keydown(function(e){
								if(e.which==27) closeit();
							});
						});
					});
				});

				return false;
			});
		});