$(document).ready(function(){
	$("#galeria li img").load(function() {
		$(this).wrap(function(){
			return '<span class="image-wrap" style="position:relative; display:inline-block; background:url(' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
		});
		$(this).css("opacity","0");
	});
	
	var working = false;
	
	$('#galeria li a').click(function(e){
		e.preventDefault();
		if($(this).hasClass('active')) return;
		
		if(working){
	    	return false;
	    }
		
		working = true;
		
		var imgUrl = $(this).attr('href'),
		img = new Image();
		
		$('#galeria li a').removeClass('active');
		$(this).addClass('active');
		
		$("#current").remove();
		$('#placeholder').addClass('loading');
		
		$(img).load(function(){
			$(this).css({display: 'none'});
			$('#placeholder').removeClass('loading').append(img);
			$(img).fadeIn();
			working = false;
		}).attr('src',imgUrl).attr('id','current');
	});
});