Simple 2 navigation slider

gistfile1.js

$(document).ready(function() {

  $("#main_slide-1").addClass("active");

  $(".slider-link-boxes").on("click", function() {
    $(".slider-link-boxes").removeClass("active");
    $(this).addClass("active");

    $(".main-slides").removeClass("active");
    $("#main_" + this.id).addClass("active");
  });

  $(".arrow-button").on("click", function(e) {
    var currentSlide = $(".main-slides.active").attr("id").split("-").pop();
    var nextSlide = function() {
          if (parseInt(currentSlide) == 4 ){
            return 1
          } else{
            return parseInt(currentSlide) + 1
          };
        }
    
    var prevSlide = function() {
          if (parseInt(currentSlide) == 1 ){
            return 4
          } else{
            return parseInt(currentSlide) - 1
          };
        }

    if (this.id == "main-slide-next"){
      $(".main-slides").removeClass("active");
      $("#main_slide-" + nextSlide()).addClass("active");

      $(".slider-link-boxes").removeClass("active");
      $("#slide-" + nextSlide()).addClass("active");
    } else {
      $(".main-slides").removeClass("active");
      $("#main_slide-" + prevSlide()).addClass("active");

      $(".slider-link-boxes").removeClass("active");
      $("#slide-" + nextSlide()).addClass("active");
    }
  });
});