$(function () {
  
  var api;
  
  $(".scrollable").scrollable({
    size: 1
  });
  api = $(".scrollable").scrollable();
  
  $("a.next-slide").click(function () {
    if (api.getPageIndex() === api.getPageAmount() - 1) {
      api.begin();
    } else {
      api.nextPage();
    }
    return false;
  });
  
  $("a.prev-slide").click(function () {
    if (api.getPageIndex() === 0) {
      api.end();
    } else {
      api.prevPage();
    }
    return false;
  });

});