function handleSliderChange(e, ui)
{
  var maxScroll = jQuery("#slider-section").prop("scrollWidth") - 
                  jQuery("#slider-section").width();
  jQuery("#slider-section").animate({scrollLeft: ui.value * 
     (maxScroll / 100) }, 1000);
}

function handleSliderSlide(e, ui)
{
  var maxScroll = jQuery("#slider-section").prop("scrollWidth") - 
                  jQuery("#slider-section").width();
  jQuery("#slider-section").prop({scrollLeft: ui.value * (maxScroll / 100) });
}