$(document).ready(function(){
    var m = $('#content-holder').children().size();
    var w = 108 * m;
    $("#content-holder").css("width",w);
    $("#content-slider").slider({
	animate: true,
	change: handleSliderChange,
	slide: handleSliderSlide
      });
    $('#content-slider').removeClass('ui-widget ui-widget-content ui-corner-all');
});

function handleSliderChange(e, ui){
  var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
  $("#content-scroll").animate({scrollLeft: ui.value * (maxScroll / 100) }, 1000);
}

function handleSliderSlide(e, ui){
  var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
  $("#content-scroll").attr({scrollLeft: ui.value * (maxScroll / 100) });
}