$(document).ready(function() {  
    $scroll_width = 0;
  
    $("#prev").click(function () { 
    $scroll_width = $("#scroll").scrollLeft() - $('.project').width();
    $("#scroll").animate({scrollLeft: $scroll_width}, 400);
    });
    
    $("#next").click(function () { 
    $scroll_width = $("#scroll").scrollLeft() + $('.project').width();
    $("#scroll").animate({scrollLeft: $scroll_width}, 400);
    });
    
    $("#scroll-nav").removeClass('hide');
})