$(function() {
    var SGS = {
	size : 3,
	scrollable : '.scrollable-gallery .scrollable',
	scrollableItem : '.scrollable-gallery .scrollable .items > div > a',
	scrollableItemFirst : '.scrollable-gallery .scrollable .items > div:first > a',
	imageDsc : '.scrollable-gallery .image-dsc',
	bigImage : '.scrollable-gallery .big-image'
    }
    $(SGS.scrollable).scrollable({
	keyboard : true,
	onBeforeSeek : function(e, tab) {
	    if (tab == (this.getSize() - SGS.size) || (this.getSize() - SGS.size) < 1) {
		return false;
	    }
	}
    });

    $(SGS.scrollableItem).click(function() {
	$item = $(this).parent('div');
	$itemA = $(this);
	if (!$item.hasClass('active')) {
	    $item.siblings('div.active').removeClass('active');
	    $item.addClass('active');

	    var imgSrcToLoad = $itemA.attr('href');
	    var imgToLoad = new Image();

	    $(SGS.imageDsc).html($(this).siblings('.dsc').html());
	    $(SGS.bigImage).fadeOut('fast', function() {
		$(this).addClass('loading').fadeIn('fast');
	    });
	    $(imgToLoad).bind('load', function() {
		img = this;
		$(SGS.bigImage).stop().fadeOut('fast', function() {
		    $(this).removeClass('loading').css({
			'background-image' : 'url(' + img.src + ')'
		    }).fadeTo('fast', 1);
		});
	    });
	    imgToLoad.src = imgSrcToLoad;
	}
	return false;
    });
    $(SGS.scrollableItemFirst).trigger('click');

});