<!--
$(document).ready( function() {
	$("#portfolio img").hover(function(){$(this).fadeTo('fast', 0.7);}, function(){$(this).fadeTo('normal', 1);});
	
	$("#portfolio a").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 alt="' + link.attr('title') + '" />');
		var button = $('<span title="Закрыть"></span>');
		//src="' + link.attr('href') + '" 
		
		frame.appendTo('body');
		shadow.appendTo(frame).animate({opacity:0.6},300);
		loader.appendTo(frame);
		image.appendTo(loader);
		
		shadow.height(Math.max($(document).height(), shadow.height()));
		
		image.load(function(){
			button.appendTo(loader);
			
			var w = image.width();
			var h = image.height();
			
			if (h + 60 > frame.height())
				frame.height(h + 60);
			
			if (w + 60 > frame.width())
				frame.width(w + 60);
			
			shadow.height(Math.max($(document).height(), Math.max((h + $(document).scrollTop() + 60), shadow.height())));
			
			loader.addClass('popup-loaded').animate({
				width:w,
				marginLeft:-w/2,
				height:h,
				marginTop:-h/2 + $(document).scrollTop()
			}, 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();
					});
				});
			});
		});
		
		image.attr("src", link.attr('href'));
	
		return false;
	});
});
//-->
