/**
 * @author oleg
 */
$(document).ready(function(){
	//alert('load OK');
	//вешаем обработчик на клик
	$('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 ajaxDiv = $('<div class="ajaxDiv"></div>');
		//var image =  $('<img src="' + link.attr('href') + '" alt="' + link.attr('title') + '" />');
		
		
		var ajaxurl = link.attr('href');
		
		var button = $('<span title="Закрыть"></span>');
		
		frame.appendTo('body');
		shadow.appendTo(frame).animate({opacity:0.6},300);
		loader.appendTo(frame);
		
		//image.appendTo(loader);
		
		//событие закрытия фрейма
		function closeit(){
			loader.remove();
			shadow.animate({opacity: 0}, 300, function(){
				frame.remove();
			});
		}
		$(document).keydown(function(e){
			if (e.which == 27) closeit();
		});
		
		shadow.click(function(){ closeit(); });
		
		//AJAX запрос
		$.ajax({
			url: ajaxurl,
			type: 'post',
			data:{},
			success: function(html){
				ajaxDiv.appendTo(loader);
				button.appendTo(loader);
				//alert(html);
				ajaxDiv.css('opacity', '0').append(html);
				var w = 405;
				var h = 390;
				
				//анимируем лоадер до размеров дива
				loader.addClass('popup-loaded').animate({
					width: w,
					height: h,
					marginLeft: -w/2,
					marginTop: 0
				}, 300, function(){
					loader.addClass('popup-convas');
					ajaxDiv.animate({opacity:1}, 300);
					button.click(function(){closeit(); });
				});
			}
		});
		return false;
	});
});