window.onload = function () {
        var container = jQuery('div.sliderGallery');
        var ul = jQuery('ul', container);
        
        var itemsWidth = ul.innerWidth() - container.outerWidth();
                    
        jQuery('.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);
            }
        });
       jQuery(".btn-left").click(function(){
	       var elValue = jQuery('.slider', container).slider('option', 'value');
		       if(elValue > 0) {
		          elValue = elValue - 100;
		          if(elValue < 0) {
	             elValue = 0;
	          }
		     jQuery(".sliderGallery .slider").slider('value', elValue);
	          jQuery(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		       }
		});
		jQuery(".btn-right").click(function(){
		  var elValue = jQuery('.slider', container).slider('option', 'value');
		       if(elValue < itemsWidth) {
		          elValue = elValue + 100; 
		          if(elValue > itemsWidth) {
	             elValue = itemsWidth;
	          }
	          jQuery(".sliderGallery .slider").slider('value', elValue); 
	          jQuery(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		       }
		});
		jQuery("span.end").click(function(){
		  var elValue = jQuery('.slider', container).slider('option', 'value');
	             elValue = itemsWidth;
	          jQuery(".sliderGallery .slider").slider('value', elValue); 
	          jQuery(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		});
		jQuery("span.start").click(function(){
		  var elValue = jQuery('.slider', container).slider('option', 'value');
	             elValue = 0;
	          jQuery(".sliderGallery .slider").slider('value', elValue); 
	          jQuery(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		});
		
		var initpos = 1440;
		jQuery(".sliderGallery .slider").slider('value', initpos); 
		jQuery(".sliderGallery ul").animate({'left' : initpos * -1}, 500);

		jQuery('#backbt').click(function(){
			var elValue = jQuery('.slider', container).slider('option', 'value');
	             elValue = 0;
	          jQuery(".sliderGallery .slider").slider('value', elValue); 
	          jQuery(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		});
		
    };