jQuery(function(){

jQuery("#main .middle img").hide();
jQuery("#main .middle").height('300px');
jQuery("#forloaderwrap").addClass("forloader").height('300px');

var img = new Image(); 
jQuery(img).load(function(){
	var self = jQuery(this);
	jQuery("#main .middle img").fadeIn(200);
	jQuery("#forloaderwrap").removeClass("forloader");
	jQuery("#main .middle").animate({"height":jQuery("#main .middle img").innerHeight()},200);
	jQuery("#forloaderwrap").css('height','auto');
}).attr('src',jQuery("#main .middle img").attr('src'));

jQuery("#main .more a").click(function(){

if (jQuery(this).find("img").hasClass("active")) return false;

var picSrc = jQuery(this).attr('href');

jQuery("#main .more img").removeClass("active");
jQuery(this).find("img").addClass("active");

jQuery("#main .middle img").animate({"opacity":0},200);
jQuery("#forloaderwrap").addClass("forloader");

var img = new Image(); 
jQuery(img).load(function(){
    var self = jQuery(this);
	jQuery("#forloaderwrap").removeClass("forloader");
	jQuery(this).css('opacity',0);
	jQuery("#main .middle").height(jQuery("#main .middle img").height());
	jQuery("#main .middle img").remove();
	jQuery("#main #forloaderwrap").append(this);
	jQuery("#main .middle").animate({"height":jQuery(self).innerHeight()},200);
	jQuery(this).animate({"opacity":1},200);
}).attr('src',picSrc);

return false;

});

jQuery("#main .more a:first img").addClass("active");

});