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);
         }

     });

	$("div.slider").slider("moveTo","250px");
  	$(".btn-slide-l").click(function(){
              $('.slider', container).slider("moveTo","-250px");
      });

      $(".btn-slide-r").click(function(){
              $('.slider', container).slider("moveTo","250px");
      }); 

    };