var sliderstart = 0;
window.onload = function () {
            var container = $('div.sliderGallery');
            var ul = $('ul', container);
            
            var itemsWidth = ul.innerWidth() - container.outerWidth();
            
            container.css('overflow', 'hidden');  // move auto to noscript style to avoid flicker
            
            $('.slider', container).slider({
                min: 0,
                max: itemsWidth,
                handle: '.ui-slider-handle',
                stop: function (event, ui) {
                    ul.animate({'left' : ui.value * -1}, 500);
                },
                slide: function (event, ui) {
                    ul.css('left', ui.value * -1);
                }
            });
           $('.slider',container).slider("value", sliderstart*130);
	       $(".btn-left").click(function(){
		       var elValue = $('.slider', container).slider('option', 'value');
		       // alert (elValue);
			       if(elValue > 0) {
			          elValue = elValue - 100;
			          if(elValue < 0) {
		             elValue = 0;
		          }
			     $(".sliderGallery .slider").slider('value', elValue);
		          $(".sliderGallery ul").animate({'left' : elValue * -1}, 100);
		          //$(".sliderGallery ul").animate({'left' : sliderstart * 1}, 100);
			       }
			});
			
			$(".btn-right").click(function(){
			  var elValue = $('.slider', container).slider('option', 'value');
		       // alert (elValue);
			       if(elValue < itemsWidth) {
			          elValue = elValue + 100; 
			          if(elValue > itemsWidth) {
		             elValue = itemsWidth;
		          }
		          $(".sliderGallery .slider").slider('value', elValue); 
		          $(".sliderGallery ul").animate({'left' : elValue * -1}, 100);
			       }
			});
			$("span.end").click(function(){
			  var elValue = $('.slider', container).slider('option', 'value');
		       // alert (elValue);
		             elValue = itemsWidth;
		          $(".sliderGallery .slider").slider('value', elValue); 
		          $(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
			});
			$("span.start").click(function(){
			  var elValue = $('.slider', container).slider('option', 'value');
		       // alert (elValue);
		             elValue = 0;
		          $(".sliderGallery .slider").slider('value', elValue); 
		          $(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
			});
			$(".sliderGallery ul").animate({'left' : sliderstart*-130 }, 500);

        };