$(document).ready(function() {
  $('[data-fancybox]').fancybox({
    buttons: [
        //"zoom",
        //"share",
        "slideShow",
        //"fullScreen",
        //"download",
        "thumbs",
        "close"
      ]
  });
});
$(document).ready(function() {
  // アイテム数
  var itemCount = $("#slide-items li").length;
  // サムネイル表示数
  var slidesToShowForThumb = 5;
  // サムネイルでSlickSliderを使用するか
  var useSlickSliderForThumb = itemCount > slidesToShowForThumb ? true : false;

  // 件数表示
  $('#slide-items').on('init', function(event, slick) {
    $(this).append('<div class="slick-counter spsc"><span class="current-num"></span> / <span class="total"></span></div>');
    $('.current-num').text(slick.currentSlide + 1);
    $('.total').text(slick.slideCount);
  })

  // メインスライド
  $("#slide-items").slick({
    autoplay: false,
    infinite: true,
    arrows: true,
    asNavFor: useSlickSliderForThumb ? "#slide-thumbnail" : false,
    slidesToScroll: 1,
    adaptiveHeight: true,
    responsive: [{
      breakpoint: 1080,
      settings: {
        centerMode: true,
        slidesToShow: 3,
        centerPadding: '0px'
      },
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
      }
    }]
  })
  .on('beforeChange', function(event, slick, currentSlide, nextSlide) {
    $('.current-num').text(nextSlide + 1);
  });

  if (useSlickSliderForThumb) {
    $("#slide-thumbnail").slick({
      slidesToShow: slidesToShowForThumb,
      slidesToScroll: 1,
      infinite: true,
      arrows: false,
      asNavFor: "#slide-items",
      focusOnSelect: true,
    });
  } else {
    $("#slide-thumbnail .thumbnail-img").click(function() {
      var index = $(this).index();
      $("#slide-items").slick("slickGoTo", index, false);
      $("#slide-thumbnail .thumbnail-img").removeClass("current")
      $(this).addClass("current");
    });
    // 初期は0番目のスライドをcurrentにする
    $("#slide-thumbnail .thumbnail-img").eq(0).addClass("current");
    // メインスライド切り替え時にサムネイルのcurrentを切り替える
    $("#slide-items").on('beforeChange', function(event, slick, currentSlide, nextSlide){
      $("#slide-thumbnail .thumbnail-img").removeClass("current").eq(nextSlide).addClass("current");
      $('.current-num').text(nextSlide + 1);
    });
  }
});