$(document).ready(function(){
  $("#news-slider").slider({
    animate: true,
    change: handleSliderChange,
    slide: handleSliderSlide
  });
  
  var newswidth = $("#news-holder .news").eq(0).outerWidth(true);
  $("#news-holder").css({width:""+(Math.max(3,$("#news-holder .news").length) * newswidth)+"px"});
});

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

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