// map
$('img[usemap]').rwdImageMaps();

$('area').on('click', function() {
});

// B: Keywords
var countB = 0;
var lengthB = $('.js-modal-b').length;

$('.js-modal-b').each(function() {
  var $modal = $(this);
  var url = $modal.attr('data-url');
  $.get(url, function (data) {
    $modal.html($(data).find('#contents').html());
    countB++;

    if (countB === lengthB) {
      $('.js-modal-b').trigger('ajaxComplete');
    }
  });
});

$('.js-modal-b').on('ajaxComplete', function() {
  $('.js-modal-b-detail').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-b',
  });
  $('.js-modal-b-index').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
  });
});

$('.js-modal-b-trigger').on('click', function (event) {
  event.preventDefault();
  // $('#b-index').iziModal('open');
});



// C: gallery
var countC = 0;
var lengthC = $('.js-modal-c').length;

$('.js-modal-c').each(function() {
  var $modal = $(this);
  var url = $modal.attr('data-url');
  $.get(url, function (data) {
    $modal.html($(data).find('#contents').html());
    countC++;

    if (countC === lengthC) {
      $('.js-modal-c').trigger('ajaxComplete');
    }
  });
});

$('.js-modal-c').on('ajaxComplete', function() {
  var mySwiper;
  var currentClass = 'is-current';

  function sliderInit(id) {
    mySwiper = new Swiper(id + ' .swiper-container', {
      autoHeight: true,
      loop: true,
      on: {
        init: function () {
          $(id).find('.js-swiper-nav li').eq(0).addClass(currentClass);
        },
        slideChange: function () {
          $(id).find('.js-swiper-nav li.' + currentClass).removeClass(currentClass);
          $(id).find('.js-swiper-nav li').eq(mySwiper.activeIndex).addClass(currentClass);
        }
      }
    });

    $(document).on('click', '.js-swiper-nav button', function (e) {
      var index = $(id).find('.js-swiper-nav button').index(e.currentTarget);

      if (!$(e.currentTarget).closest('li').hasClass(currentClass)) {
        $('.js-swiper-nav li.' + currentClass).removeClass(currentClass);
        $(e.currentTarget).closest('li').addClass(currentClass);
        mySwiper.slideTo(index + 1);
      }
    });

    $(document).on('click', '.js-swiper-prev', function () {
      mySwiper.slidePrev();
    });

    $(document).on('click', '.js-swiper-next', function () {
      mySwiper.slideNext();
    });
  }
  function sliderDestroy() {
    $(document).off('click', '.js-swiper-nav button');
    $(document).off('click', '.js-swiper-prev');
    $(document).off('click', '.js-swiper-next');
    mySwiper.destroy(true, true);
  }


  $('#c-1').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    onOpening: function (modal) {
      modal.startLoading();
    },
    onOpened: function (modal) {
      sliderInit('#c-1');
      modal.stopLoading();
    },
    onClosed: function(){
      sliderDestroy();
    },
  });
  $('#c-2').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    onOpening: function (modal) {
      modal.startLoading();
    },
    onOpened: function (modal) {
      sliderInit('#c-2');
      modal.stopLoading();
    },
    onClosed: function(){
      sliderDestroy();
    },
  });
  $('#c-3').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    onOpening: function (modal) {
      modal.startLoading();
    },
    onOpened: function (modal) {
      sliderInit('#c-3');
      modal.stopLoading();
    },
    onClosed: function(){
      sliderDestroy();
    },
  });
  $('#c-4').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    onOpening: function (modal) {
      modal.startLoading();
    },
    onOpened: function (modal) {
      sliderInit('#c-4');
      modal.stopLoading();
    },
    onClosed: function(){
      sliderDestroy();
    },
  });
});


  // $('.js-modal-c').iziModal({
  //   width: 1080,

  // });


$('.js-modal-c-trigger').on('click', function (e) {
  // var url = $(this).attr('data-url');
  // $('#js-modal-c').attr('data-url', url).iziModal('open');
  e.preventDefault();
});



// E: people
var countE = 0;
var lengthE = $('.js-modal-e-category').length;

$('.js-modal-e-category').each(function() {
  var $modal = $(this);
  var url = $modal.attr('data-url');
  $.get(url, function (data) {
    $modal.html($(data).find('#contents').html());
    countE++;

    if (countE === lengthE) {
      $('.js-modal-e-category').trigger('ajaxComplete');
    }
  });
});

$('.js-modal-e-category').on('ajaxComplete', function() {
  $('.js-modal-e-category').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-category',
  });
});


$('.js-modal-e-trigger').on('click', function(e) {
  e.preventDefault();
});

var countDetailE = 0;
var lengthDetailE = $('.js-modal-e-detail').length;

$('.js-modal-e-detail').each(function() {
  var $modal = $(this);
  var url = $modal.attr('data-url');
  $.get(url, function (data) {
    $modal.html($(data).find('#contents').html());
    countDetailE++;

    if (countDetailE === lengthDetailE) {
      $('.js-modal-e-detail').trigger('ajaxComplete');
    }
  });
});

$('.js-modal-e-hokkaido').on('ajaxComplete', function() {
  $('.js-modal-e-hokkaido').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-hokkaido',
  });
});

$('.js-modal-e-tohoku').on('ajaxComplete', function() {
  $('.js-modal-e-tohoku').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-tohoku',
  });
});

$('.js-modal-e-kita_kanto').on('ajaxComplete', function() {
  $('.js-modal-e-kita_kanto').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-kita_kanto',
  });
});

$('.js-modal-e-minami_kanto').on('ajaxComplete', function() {
  $('.js-modal-e-minami_kanto').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-deminami_kanto'
  });
});

$('.js-modal-e-hokuriku').on('ajaxComplete', function() {
  $('.js-modal-e-hokuriku').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-hokuriku',
  });
});

$('.js-modal-e-tokai').on('ajaxComplete', function() {
  $('.js-modal-e-tokai').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-tokai',
  });
});

$('.js-modal-e-kinki').on('ajaxComplete', function() {
  $('.js-modal-e-kinki').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-kinki',
  });
});

$('.js-modal-e-kyusyu').on('ajaxComplete', function() {
  $('.js-modal-e-kyusyu').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-kyusyu',
  });
});

$('.js-modal-e-kaigai_1').on('ajaxComplete', function() {
  $('.js-modal-e-kaigai_1').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-kaigai_1',
  });
});

$('.js-modal-e-kaigai_2').on('ajaxComplete', function() {
  $('.js-modal-e-kaigai_2').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-e-kaigai_2',
  });
});


$('.js-modal-e-detail-trigger').on('click', function(e) {
  e.preventDefault();
});



// F: visit
var countF = 0;
var lengthF = $('.js-modal-f').length;

$('.js-modal-f').each(function() {
  var $modal = $(this);
  var url = $modal.attr('data-url');
  $.get(url, function (data) {
    $modal.html($(data).find('#contents').html());
    countF++;

    if (countF === lengthF) {
      $('.js-modal-f').trigger('ajaxComplete');
    }
  });
});

$('.js-modal-f').on('ajaxComplete', function() {
  $('.js-modal-f-01').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-f-01',
  });
  $('.js-modal-f-02').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-f-02',
  });
  $('.js-modal-f-03').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-f-03',
  });
});

// $('.js-modal-f-trigger').on('click', function (event) {
//   event.preventDefault();
// });

// GH: study
var countGH = 0;
var lengthGH = $('.js-modal-gh').length;

$('.js-modal-gh').each(function() {
  var $modal = $(this);
  var url = $modal.attr('data-url');
  $.get(url, function (data) {
    $modal.html($(data).find('#contents').html());
    countGH++;

    if (countGH === lengthGH) {
      $('.js-modal-gh').trigger('ajaxComplete');
    }
  });
});

$('.js-modal-gh').on('ajaxComplete', function() {
  $('.js-modal-gh-01').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-gh-01',
  });
  $('.js-modal-gh-02').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-gh-02',
  });
});

// R: internships
var countR = 0;
var lengthR = $('.js-modal-r').length;

$('.js-modal-r').each(function() {
  var $modal = $(this);
  var url = $modal.attr('data-url');
  $.get(url, function (data) {
    $modal.html($(data).find('#contents').html());
    countR++;

    if (countR === lengthR) {
      $('.js-modal-r').trigger('ajaxComplete');
    }
  });
});

$('.js-modal-r').on('ajaxComplete', function() {
  $('.js-modal-r-detail').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-r',
  });
  $('.js-modal-r-index').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
  });
});

// M: career
var countM = 0;
var lengthM = $('.js-modal-m').length;

$('.js-modal-m').each(function() {
  var $modal = $(this);
  var url = $modal.attr('data-url');
  $.get(url, function (data) {
    $modal.html($(data).find('#contents').html());
    countM++;

    if (countM === lengthM) {
      $('.js-modal-m').trigger('ajaxComplete');
    }
  });
});

$('.js-modal-m').on('ajaxComplete', function() {
  $('.js-modal-m-01').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-m-01',
  });
  $('.js-modal-m-collage_tech').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-m-collage_tech',
  });
  $('.js-modal-m-kigyo_1').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-m-kigyo_1',
  });
  $('.js-modal-m-kigyo_2').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-m-kigyo_2',
  });
  $('.js-modal-m-collage_kenkyu').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-m-collage_kenkyu',
  });
  $('.js-modal-m-02').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-m-02',
  });
  $('.js-modal-m-kaigai').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-m-kaigai',
  });
  $('.js-modal-m-kokunai').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
    group: 'group-m-kokunai',
  });
  $('.js-modal-m-27').iziModal({
    width: 1080,
    overlayColor: 'rgba(255, 255, 255, 0)',
    transitionIn: 'fadeInRight',
    transitionOut: 'fadeOutLeft',
    loop: true,
  });
});

$('.js-modal-m-trigger').on('click', function(e) {
  e.preventDefault();
});


var overlay = '<div id="overlay"></div>';
var openFlg = false;
$('body').append(overlay);

$(document).on('opening', '.js-modal', function (e) {
  if (!openFlg) {
    showOverlay();
  }
});

$(document).on('closed', '.js-modal', function (e) {
  if ($('.js-modal[aria-hidden="false"]').length === 0) {
    hideOverlay();
  }
});

function showOverlay () {
  openFlg = true;
  $('#overlay').fadeIn(200);
}

function hideOverlay () {
  openFlg = false;
  
  $('#overlay').fadeOut(200);
}