var last_image_loaded = null;
 
$(function() {         
		$("div.scrollable .item").click(function(){
	  	$('#slideshow .product .description').html($(this).find('.description').html());
			var fullimage_path = $(this).find('img').attr('orig_path');
	  	var link = $('#slideshow .image_display a');
	  	var image = $('#slideshow .image_display a img');
			last_image_loaded = $('<img />').load(function(){
				if(last_image_loaded[0] == this) {
					var newimage = $(this);
					image.stop(true, true);
					if (slideshowResizeImage == 'h' || slideshowResizeImage == 'b') {
				  	$('#slideshow .image_display .background').height(image.height());
				  }
					if (slideshowResizeImage == 'v' || slideshowResizeImage == 'b') {
				  	$('#slideshow .image_display .background').width(image.width());
				  }
					image.fadeOut(300, function(){
						var oldHeight = $(this).height();
						$(this).attr('src', newimage.attr('src')).fadeIn(1000);
						link.attr('href', fullimage_path);
						if (slideshowResizeImage == 'h' || slideshowResizeImage == 'b') {
							$('#slideshow .image_display .background').animate({
								width: $(this).width() + 'px'
							});
					  }
						if (slideshowResizeImage == 'v' || slideshowResizeImage == 'b') {
							var margin = (oldHeight - $(this).height())/2;
							margin = margin < 0 ? 0 : margin;
							var oldPadding =  parseInt($('#slideshow .image_display .background').css('paddingLeft'));
							if (margin > 0) {
						  	$('#slideshow .image_display .background').css({
						  		height: $(this).height() + 'px',
						  		padding: margin + oldPadding + 'px ' + oldPadding + 'px'
						  	});
						  }
							$('#slideshow .image_display .background').animate({
								paddingTop: oldPadding + 'px',
								paddingBottom: oldPadding + 'px',
						  	height: $(this).height() + 'px',
								marginTop: margin + 'px'
							});
					  }
					});
				}
			}).attr('src', $(this).find('a.image').attr('rel')+'?'+Math.random());
			return false;
		});
		$("a.fancybox").fancybox({
			'overlayShow'			: true,
			'overlayOpacity'			: 0.6,
			'zoomSpeedIn'			: 600,
			'zoomSpeedOut'			: 500,
			'easingIn'				: 'easeOutBack',
			'easingOut'				: 'easeOutBack',
			callbackOnStart : function(){$(document.body).css({
	  		overflow: 'hidden'
	  	})},
			callbackOnClose : function(){$(document.body).css({
	  		overflow: 'auto'
	  	})}
		});
});