// --------------------
// SCROLL NAVI
// --------------------
var startPos = 0,
  winScrollTop = 0;
$(window).on('scroll', function () {
  winScrollTop = $(this).scrollTop();
  if (winScrollTop >= 10) {
    $('.tk_header').addClass('hide');
  } else {
    $('.tk_header').removeClass('hide');
  }
  if (winScrollTop >= startPos) {
    $('.tk_header').removeClass('scroll');
  } else {
    $('.tk_header').addClass('scroll');
    $('.tk_header').removeClass('hide');
  }
  startPos = winScrollTop;
});
$(window).on('scroll', function () {
  var doch = $(document).innerHeight(); //ページ全体の高さ
  var winh = $(window).innerHeight(); //ウィンドウの高さ
  var bottom = doch - winh; //ページ全体の高さ - ウィンドウの高さ = ページの最下部位置
  if (bottom <= $(window).scrollTop()) {
    $('.is-side_btn').addClass('remove');
  } else {
    $('.is-side_btn').removeClass('remove');
  }
});
$(function () {
  $(".drawer").on("click", function () {
    $(".tk_header").removeClass("action");
  });
});

// --------------------
// scroll change
// --------------------
function init() {
  var px_change = 80;
  window.addEventListener('scroll', function (e) {
    if ($(window).scrollTop() > px_change) {
      $(".tk_header").addClass("action");
    } else if ($(".tk_header").hasClass("action")) {
      $(".tk_header").removeClass("action");
    } else if ($(".tk_header").hasClass("tk_header")) {
      $('.tk_header').removeClass('scroll');
    }
  });
}
window.onload = init();

// --------------------
// searchform
// --------------------
$(document).ready(function () {
  var $searchTrigger = $('[data-ic-class="search-trigger"]'),
    $searchInput = $('[data-ic-class="tk_search-input"]'),
    $searchClear = $('[data-ic-class="search-clear"]');
  $searchTrigger.click(function () {
    var $this = $('[data-ic-class="search-trigger"]');
    $this.addClass('active');
    $searchInput.focus();
  });
  $searchInput.blur(function () {
    if ($searchInput.val().length > 0) {
      return false;
    } else {
      $searchTrigger.removeClass('active');
    }
  });
  $searchClear.click(function () {
    $searchInput.val('');
  });
  $searchInput.focus(function () {
    $searchTrigger.addClass('active');
  });
});

// --------------------
// 検索表示条件分岐
// --------------------
$(function () {
  $(".icon-arrow,.icon-glass,.icon-title").on("click", function () {
    $(".is-search_area").toggleClass("appearance");
  });
});

// --------------------
// TOP MAP
// --------------------
$(function () {
  $(".tk_is-area-map_ttl-east").on("click", function () {
    $(this).toggleClass("active");
    $(".tk_is-area-map").addClass("east");
    $(".tk_is-area-map").removeClass("west south");
    $(".tk_is-area-content_lists__item-east").toggleClass("active");
    $(".tk_is-area-map_ttl-west,.tk_is-area-map_ttl-south").removeClass("active");
    $(".tk_is-area-content_lists__item-west,.tk_is-area-content_lists__item-south").removeClass("active");
  });
  $(".tk_is-area-map_ttl-west").on("click", function () {
    $(this).toggleClass("active");
    $(".tk_is-area-map").addClass("west");
    $(".tk_is-area-map").removeClass("east south");
    $(".tk_is-area-content_lists__item-west").toggleClass("active");
    $(".tk_is-area-map_ttl-east,.tk_is-area-map_ttl-south").removeClass("active");
    $(".tk_is-area-content_lists__item-east,.tk_is-area-content_lists__item-south").removeClass("active");
  });
  $(".tk_is-area-map_ttl-south").on("click", function () {
    $(this).toggleClass("active");
    $(".tk_is-area-map").addClass("south");
    $(".tk_is-area-map").removeClass("west east");
    $(".tk_is-area-content_lists__item-south").toggleClass("active");
    $(".tk_is-area-map_ttl-west,.tk_is-area-map_ttl-east").removeClass("active");
    $(".tk_is-area-content_lists__item-west,.tk_is-area-content_lists__item-east").removeClass("active");
  });
  $(".modal-east").on("click", function () {
    $(".tk_category .tk_category-box .tk_cat-item a").each(function () {
      var change = $(this).attr('href').replace('area=', 'area=eastern').replace('western', '').replace('southern', '');
      $(this).attr('href', change);
    });
  });
  $(".modal-west").on("click", function () {
    $(".tk_category .tk_category-box .tk_cat-item a").each(function () {
      var change = $(this).attr('href').replace('area=', 'area=western').replace('eastern', '').replace('southern', '');
      $(this).attr('href', change);
    });
  });
  $(".modal-south").on("click", function () {
    $(".tk_category .tk_category-box .tk_cat-item a").each(function () {
      var change = $(this).attr('href').replace('area=', 'area=southern').replace('eastern', '').replace('western', '');
      $(this).attr('href', change);
    });
  });
});

// --------------------
// MODAL PURPOSE
// --------------------
$(function () {
  $(".area-all").on("click", function () {
    $(this).addClass("active");
    $(".area-east,.area-west,.area-south").removeClass("active");
    $(".tk_cat-item a").each(function () {
      var change = $(this).attr('href').replace('eastern', '').replace('western', '').replace('southern', '');
      $(this).attr('href', change);
    });
  });
  $(".area-east").on("click", function () {
    $(this).addClass("active");
    $(".area-all,.area-west,.area-south").removeClass("active");
    $(".tk_cat-item a").each(function () {
      var change = $(this).attr('href').replace('area=', 'area=eastern').replace('western', '').replace('southern', '');
      $(this).attr('href', change);
    });
  });
  $(".area-west").on("click", function () {
    $(this).addClass("active");
    $(".area-all,.area-east,.area-south").removeClass("active");
    $(".tk_cat-item a").each(function () {
      var change = $(this).attr('href').replace('area=', 'area=western').replace('eastern', '').replace('southern', '');
      $(this).attr('href', change);
    });
  });
  $(".area-south").on("click", function () {
    $(this).addClass("active");
    $(".area-all,.area-east,.area-west").removeClass("active");
    $(".tk_cat-item a").each(function () {
      var change = $(this).attr('href').replace('area=', 'area=southern').replace('eastern', '').replace('western', '');
      $(this).attr('href', change);
    });
  });
});

// --------------------
// MODAL SEASON
// --------------------
$(function () {
  $("#tab-1").on("click", function () {
    $('#tab-1_content').addClass("active");
    $('#tab-2_content,#tab-3_content,#tab-4_content,#tab-5_content,#tab-6_content').removeClass("active");
  });
  $("#tab-2").on("click", function () {
    $('#tab-2_content').addClass("active");
    $('#tab-1_content,#tab-3_content,#tab-4_content,#tab-5_content,#tab-6_content').removeClass("active");
  });
  $("#tab-3").on("click", function () {
    $('#tab-3_content').addClass("active");
    $('#tab-1_content,#tab-2_content,#tab-4_content,#tab-5_content,#tab-6_content').removeClass("active");
  });
  $("#tab-4").on("click", function () {
    $('#tab-4_content').addClass("active");
    $('#tab-1_content,#tab-2_content,#tab-3_content,#tab-5_content,#tab-6_content').removeClass("active");
  });
});

// --------------------
// EVENT
// --------------------
$(function () {
  $('#event_tag-area .event_tag span').on('click', function () {
    var data_yearmonth = $('#event_tag-yearmonth .event_tag').data('slug');
    var data_cat = $('#event_tag-cat .event_tag').data('slug');
    var data_area = $('#event_tag-area .event_tag').data('slug');
    // console.log( data );
    var href = $('.btn_more a').attr('href') + '?area=' + $(this).attr(data_area) + '?cat=' + $(this).attr(data_cat) + '?yearmonth=' + $(this).attr(data_yearmonth);
    $('.btn_more a').attr('href', href);
  });
});

// --------------------
// Accrordion
// --------------------
$(function () {
  $(".tk_acMenu dt").on("click", function () {
    $(this).next().slideToggle();
    $(this).toggleClass("active");
  });
  $(".ac_list").on("click", function () {
    $(this).toggleClass("ac_list_active");
  });
});

// --------------------
// modal
// --------------------
$(function () {
  $(".js-btn-link").on("click", function () {
    $(this).prev().slideToggle();
    $(this).toggleClass("active");
  });
});
$(function () {
  $('.js-modal-open').each(function () {
    $(this).on('click', function () {
      var target = $(this).data('target');
      var modal = document.getElementById(target);
      $(modal).fadeIn();
      return false;
    });
  });
  $('.js-tk_modal-close').on('click', function () {
    $('.js-tk_modal').fadeOut();
    return false;
  });
});

// --------------------
// single
// --------------------
// $(function(){
//   $('.is-page_content table').wrap('<div class="is-page_content-table">');
//   $('.is-single .the_content table').wrap('<div class="the_content-table">');
// });

// $(function(){
//   $('.drawer-hamburger').on("click", function() {
//     $('.tk_header-common-lower .logo').toggleClass("logo-wh");
//   });
// });

$(function () {
  $('.is-page_content table').wrap('<div class="is-page_content-table">');
  $('.is-single .the_content table').wrap('<div class="the_content-table">');
});

$(function () {
  $('.drawer-hamburger').on("click", function () {
    $('.tk_header-common-lower .tk_logo').toggleClass("tk_logo-wh");
    $('.tk_header-common-lower .tk_is-language').toggleClass("tk_language-wh");
  });
  $('.js-modal-open.js-gnavi-modal').on("click", function () {
    $('.tk_header-common-lower .tk_logo').removeClass("tk_logo-wh");
  });
});

// --------------------
// SCROLL-DRUGABLE
// --------------------
$(function () {
  $.prototype.draggable = function () {
    var t;
    $(this).each(function (i, e) {
      $(e).mousedown(function (e2) {
        e2.preventDefault();
        t = $(e);
        $(e).data({
          down: true,
          x: e2.clientX,
          y: e2.clientY,
          left: $(e).scrollLeft(),
          top: $(e).scrollTop()
        });
      });
    });
    $(document).mousemove(function (e) {
      if ($(t).data("down")) {
        e.preventDefault();
        $(t).scrollLeft($(t).data("x") + $(t).data("left") - e.clientX);
        $(t).scrollTop($(t).data("y") + $(t).data("top") - e.clientY);
      }
    }).mouseup(function (e) {
      $(t).data("down", false);
    });
  };
  $(".scroll-drugable").draggable();
});


// --------------------
// ai-model-course - map
// --------------------
$(function () {
  $('.js-googleMapArea').hide();
  $('.js-googleMapArea-btn').on("click", function () {
    $('.js-googleMapArea').fadeIn();
    $(this).fadeOut();
  });
});