import {addARIACurrent} from './module/addARIACurrent.js?m=1';
import {fadeToggle} from './module/fade.js';
import {smoothDetail} from './module/smoothDetail.js';
import {scroll2AddClass} from './module/scroll2AddClass.js';
import {pcViewportFixed} from './module/pcViewportFixed.js';
import {gnavToggle} from './module/gnavToggle.js';
import {slideToggle} from './module/slideToggle.js';

(function () {
  window.addEventListener('DOMContentLoaded', function(e) {
		gnavToggle();
    addARIACurrent();
    scroll2AddClass();
		smoothDetail();
    pcViewportFixed();

		const btns = document.querySelectorAll('.js-slide-switch');
		[].forEach.call(btns, function (btn) {
			const id = btn.dataset.target;
			const elTarget = document.getElementById(id);
			btn.addEventListener('click', function(e) {
			  e.preventDefault();
			  btn.classList.toggle('is-open');
			  slideToggle(e.currentTarget, elTarget).then((el) => {
			  });
			});
		});

    const unitEl = document.querySelectorAll('.js-fade-unit');
    [].forEach.call(unitEl, function (el) {
      const btn = el.querySelector('.js-fade-switch')
      const elTarget = el.querySelector('.js-fade-target');
      btn.addEventListener('click', function(e) {
        fadeToggle(e.currentTarget, elTarget);
      })
    });

    const totop = document.getElementById('js-totop');

    window.addEventListener('scroll', function(e) {
      const scTop = window.pageYOffset || document.documentElement.scrollTop;
      if(scTop >= 100) {
        totop.classList.add('is-show');
      } else {
        totop.classList.remove('is-show');
      }
    });
  });

})();