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);
                }
            });
        
	$('#rbox01').click(function(){
	$('div.slider',container).slider('moveTo','640px');
	});
	$('#rbox02').click(function(){
	$('div.slider',container).slider('moveTo','620px');
	});
	$('#rbox03').click(function(){
	$('div.slider',container).slider('moveTo','510px');
	});
	$('#rbox04').click(function(){
	$('div.slider',container).slider('moveTo','-1760px');
	});

};