"use strict";

(function () {
  window.addEventListener('DOMContentLoaded', function (event) {
    // waypoint
    (function () {
      (function () {
        var target = document.querySelectorAll('.js-maskAnime');
        Array.prototype.forEach.call(target, function (element) {
          var ele = element.querySelectorAll('.js-maskAnime-ele, .js-maskAnime-tape');
          var time = 160;
          var waypoint = new Waypoint({
            element: element,
            handler: function handler(direction) {
              Array.prototype.forEach.call(ele, function (e, i) {
                setTimeout(function () {
                  e.classList.add('js-fired');
                }, time * i + time);
              });
            },
            offset: '80%'
          });
        });
      })();

      (function () {
        var target = document.querySelector('.p-hero__heading');
        var waypoint = new Waypoint({
          element: target,
          handler: function handler(direction) {
            setTimeout(function () {
              document.querySelector('.p-hero__vision').classList.add('js-fired');
            }, 640);
          },
          offset: '80%'
        });
      })();

      (function () {
        var target = document.querySelectorAll('.js-maskAnime-media');
        Array.prototype.forEach.call(target, function (element) {
          var ele = element.querySelectorAll('.js-maskAnime-ele, .js-maskAnime-tape');
          var time = 160;
          var waypoint = new Waypoint({
            element: element,
            handler: function handler(direction) {
              element.classList.add('js-fired');
              Array.prototype.forEach.call(ele, function (e, i) {
                setTimeout(function () {
                  e.classList.add('js-fired');
                }, time * i + time);
              });
            },
            offset: '80%'
          });
        });
      })();
    })();
  });
})();