jquery

<script type='text/javascript'>
jQuery(function($) {

  var list = $(".tco-scroller-content");
  var items = list.children();
  var lengthMinusOne = items.length - 1;
  var target = 1;

 var prevItem = $(items[target]).addClass('is-active');
  centerScroller ();

  $('.tco-scroller-item').click(function(){
    target = $(this).index();
    prevItem.removeClass('is-active');
    prevItem = $(items[target]).addClass('is-active');
    hideScrollerBtn ();
    centerScroller ();
  });

  $(".is-fwd").click(function(){
    target++;
    if (target > lengthMinusOne) target = 0;
    prevItem.removeClass('is-active');
    prevItem = $(items[target]).addClass('is-active');
    hideScrollerBtn ()
    centerScroller ();
  });

  $(".is-bck").click(function(){
    target--;
    if (target < 0) target = lengthMinusOne;
    prevItem.removeClass('is-active');
    prevItem = $(items[target]).addClass('is-active');
    hideScrollerBtn ()
    centerScroller ();
  });

  function hideScrollerBtn (){
    if ($('.tco-scroller-item').last().hasClass('is-active')) {
      $('.is-fwd').animate({right: "-60"}, 300);
    } else if ($('.tco-scroller-item').first().hasClass('is-active')) {
      $('.is-bck').animate({left: "-60"}, 300);
    } else {
      $('.is-fwd').animate({right: "0"}, 100);
      $('.is-bck').animate({left: "0"}, 100);
  }};

  function centerScroller (){
    var html = document.getElementsByTagName('html')[0];
    var fontSize = parseInt(window.getComputedStyle(html)['fontSize']) * 9;
    var outer = $('.tco-scroller');
    var inner = $('.tco-scroller-inner');
    var content = $('.tco-scroller-content');
    var target = $('.tco-scroller-item.is-active');
    var outerWidth = outer.width();
    var containerWidth = inner.width();
    var contentWidth = content.width();
    var targetWidth = target.outerWidth(true);
    var targetIndex = target.index();
    var leftScreenOffset = (containerWidth - targetWidth) / 2;
    var leftSiblingOffset = (targetWidth * targetIndex) + ((outerWidth / 2) - fontSize);
    var scrollValue = (leftSiblingOffset - leftScreenOffset);
    inner.animate( { scrollLeft : Math.max(0, scrollValue) }, 500 );
  }

});
</script>