$(document).ready(function() {
  var container = $('div.items');
  var ul = $('ul', container);
  var itemsWidth = ul.innerWidth() - container.outerWidth();

  $(".scroll-right").click(function(){
    if (parseInt($(".items-content").css('left')) < -itemsWidth+200) {
        $(".items-content").animate({left: -itemsWidth}, 500);
    } else {
        $(".items-content").animate({left: "-=200"}, 500);
    }
    return false;
  });

  $(".scroll-left").click(function(){
    if (parseInt($(".items-content").css('left')) > -200) {
        $(".items-content").animate({left: "0"}, 500);
    } else {
        $(".items-content").animate({left: "+=200"}, 500);
    }
    return false;
  });
});
