// Open the Modal
function openModal(id) {
  document.getElementById(baseid + id).style.display = "block";
}

// Close the Modal
function closeModal(id) {
  document.getElementById(baseid + id).style.display = "none";
}

var baseid = "snap-lightbox-";
var slideIndex = 1;
showSlides(slideIndex);


// Next/previous controls
function plusSlides(id, n) {
  showSlides(id, slideIndex += n);
}

// Thumbnail image controls
function currentSlide(id, n) {
  showSlides(id, slideIndex = n);
}

function showSlides(id, n) {
  var i;
  var lightbox = document.getElementById(baseid + id);
  var slides = lightbox.querySelectorAll(".snap-lightbox-inner");
  if (n > slides.length) { slideIndex = 1 }
  if (n < 1) { slideIndex = slides.length }
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slides[slideIndex - 1].style.display = "inline-block";
}