window.onload = function () {
            var container = $('div.sliderGallery');
            var ul = $('ul', container);
            
            var itemsWidth = ul.innerWidth() - container.outerWidth();
            
            $('.slider', container).slider({
                minValue: 0,
                maxValue: itemsWidth,
                handle: '.handle',
                stop: function (event, ui) {
                    ul.animate({'left' : ui.value * -1}, 500);
                },
                slide: function (event, ui) {
                    ul.css('left', ui.value * -1);
                }
            });
        };
        
        
        
        $(document).ready(function(){
        
        $.fn.pause = function(duration) {
		    $(this).animate({ dummy: 1 }, duration);
		    return this;
			};
        
        $("ul.thumbs li a img").click(function(){
        	$(this).pause(500).fadeTo("normal", 0.5);
        });
		
		
	});