(function ($) {
  'use strict';

/* 銉撱偢銉ャ偄銉偄銉嬨儭銉笺偡銉с兂 */
{
  
  const $target = $('.js-top-visual, .js-dummy-header');

  const doAnimation = function () {
    $target.addClass('is-animated');
  };

  // 鐢诲儚銉诲嫊鐢汇儹銉笺儔
  const $media = $('.js-top-visual-media');
  let loaded = 0;

  const loadedFunc = function () {
    if (++loaded === $media.length) { doAnimation(); }
  };

  // 鐢诲儚銇牬鍚
  $media.filter('img').each(function () {
    if (this.complete) {
      loadedFunc();
    } else {
      this.addEventListener('load', loadedFunc);
    }
  });

  // 鍕曠敾銇牬鍚
  $media.filter('video').each(function () {
    if (this.readyState > 1) {
      loadedFunc();
    } else {
      this.addEventListener('loadeddata', loadedFunc);
    }
  });

  $('.js-top-visual-trigger').one('animationend', function () {
    $target.addClass('is-done').removeClass('is-animated');
  });
}

/* 銈点兗銉撱偣銉┿偆銉炽儕銉冦儣銇偣銉┿偆銉€銉 */
{
  const $slideWrapper = $('.js-service-slide');
  const $slidePagenation = $('.js-service-slide__page');
  const $slideButton = $('.js-service-slide__button');

  // 銈广儵銈ゃ儉銉艰绱
  const $slideItems = $slideWrapper.children();

  // 銈广儵銈ゃ儉銉笺伄鏁般仩銇戙儦銉笺偢銉嶃兗銈枫儳銉炽伄杩藉姞
  for (let i = 0; i < $slideItems.length; i++) {
    const $page = $('<button type="button">').addClass('p-top-service__page');
    $page.data({ index: i }).text(('00' + (i + 1)).slice(-2));
    if (i === 0) { $page.addClass('is-current'); }
    $slidePagenation.append($page);
  }

  // 銈广儵銈ゃ儉銉笺亴1鍊嬨伄鍫村悎銉溿偪銉炽倰琛ㄧず銇椼仾銇
  if ($slideItems.length === 1) {
    $slideButton.hide();
  }

  // 鐝惧湪浣嶇疆
  let current = 0;
  $slideItems.eq(0).addClass('is-current');

  // 銈广儵銈ゃ儔闁嬪
  const doSlide = function (target) {
    current = target;
    $slidePagenation.children().removeClass('is-current').eq(target).addClass('is-current');
    $slideItems.removeClass('is-current').eq(target).addClass('is-current');
  };

  // 銉氥兗銈搞儘銉笺偡銉с兂
  $slidePagenation.on('click', 'button', function () {
    const $this = $(this);
    if (!$this.hasClass('is-current')) {
      doSlide($this.data('index'));
    }
  });

  // 鍓?娆
  $slideButton.on('click', 'button', function () {
    let target = current + $(this).data('relative');

    if (target < 0) {
      target = $slideItems.length - 1;
    } else if (target >= $slideItems.length) {
      target = 0;
    }

    doSlide(target);
  });

  /* 銈广優銉涘悜銇 */
  const $items = $slideWrapper.find('li');

  // 銈广優銉涚敤銇偗銉┿偣銈掍粯涓
  $items.slice(4).addClass('is-sp-hidden');

  const $moreButton = $('.js-slide-more');
  $moreButton.find('button').on('click', function () {
    $slideWrapper.find('.is-sp-hidden').slice(0, 4).removeClass('is-sp-hidden').addClass('is-sp-visible');
    if ($slideWrapper.find('.is-sp-hidden').length === 0) {
      $moreButton.hide();
    }
  });
}

/* Cookie Consent */
{
  const template = $('#js-cookie')[0];

  if (template) {
    // 銉曘儵銈板彇寰
    const cookieFlag = Cookies.get('cookie_consent');

    if (cookieFlag !== 'ok') {
      // 瑕佺礌銇尶鍏
      $(template.text).appendTo('body');

      // OK銈掋偗銉儍銈仐銇熸檪
      const $cookieBody = $('.js-cookie-body');
      $('.js-cookie-ok').on('click', function () {
        // Cookie銈掋偦銉冦儓锛堟湡闄愩伅365鏃ワ級
        Cookies.set('cookie_consent', 'ok', { expires: 365, path: '/' });
        $cookieBody.fadeOut(300, function () { $cookieBody.remove(); });
      });
    }
  }
}

/* 銇点倧銇ｃ仺銈儖銉°兗銈枫儳銉 */
{
  const $target = $('.l-wrap > :not(.l-wrap__inner), .l-grid');

  $target.each(function () {
    if (window.innerHeight < this.getBoundingClientRect().top) {
      $(this).addClass('is-fade-element is-fade-standby');
    }
  });

  const $fadeElem = $('.is-fade-element');
  let length = $fadeElem.length;

  const observer = new IntersectionObserver(function (entries) {
    for (let i = 0; i < entries.length; i++) {
      const entry = entries[i];

      if (entry.isIntersecting || entry.boundingClientRect.top < 0) {
        entry.target.classList.remove('is-fade-standby');

        if (--length > 0) {
          observer.unobserve(entry.target);
        } else {
          observer.disconnect();
        }
      }
    }
  });

  $fadeElem.on('transitionend.fade-element', function (event) {
    if (event.target === event.currentTarget) {
      $(this).removeClass('is-fade-element').off('transitionend.fade-element');
    }
  }).each(function () { observer.observe(this); });
}


/* 閲嶈銇儖銉ャ兗銈笿SON鍙栧緱 */
{
  const $news = $('.js-top-news-area');
  
  if($news && $news.length > 0){

    const topUrl = $news.find('.js-top-news-json')[0].value;

    const $wrapper = $news.find('.js-top-news-wrapper');

    // text template
    const itemTemplate = $news.find('.js-top-news-item-template')[0].text;

    const assignHTML = function (template, data) {
      return template.replace(/\{\{\s*(\w+)\s*\}\}/g, function (_, name) { return data[name] || ''; });
    };

    $.getJSON(topUrl).then(function (data) {

      // entry
      const createHTML = function (entry) {
        return assignHTML(itemTemplate, {
          link: entry.link,
          target: entry.target,
          date: entry.date,
          title: entry.title
        });
      };

      for (let i = 0; i < data.length; i++) {
        const html = createHTML(data[i]);
        $wrapper.append(html);
      }
    });
  }
}

/* 銉嬨儱銉笺偣JSON鍙栧緱 */
{
  const $news = $('.js-news-area');

  const url = $news.find('.js-news-json')[0].value;

  const $categories = $news.find('.js-news-categories');
  const $wrapper = $news.find('.js-news-wrapper');

  // template
  const $wrapperItem = $('<div class="p-news-release__wrapper-item">');
  const $newsList = $('<ul class="p-news-release__list">');

  // text template
  const cateTemplate = $news.find('.js-news-cate-template')[0].text;
  const itemTemplate = $news.find('.js-news-item-template')[0].text;

  const assignHTML = function (template, data) {
    return template.replace(/\{\{\s*(\w+)\s*\}\}/g, function (_, name) { return data[name] || ''; });
  };

  $.getJSON(url).then(function (data) {

    const colors = {};
    //JSON銉囥兗銈裤伄銈儵銉笺偝銉笺儔銈掍笅瑷樸伄銈炽兗銉夈仹涓婃浉銇
    const colorsBySlug = {
      corporate: '#00BFB3',
      service: '#002855',
      event: '#FFB81C',
      research: '#E5A723',
      others: '#C6858F'
    }

    // tab
    $.each(data.byCategory, function (_, item) {
      const cate = item.category;
      colors[cate.slug] = colorsBySlug[cate.slug];

      const html = assignHTML(cateTemplate, {
        slug: cate.slug,
        // color: cate.color,
        color: colorsBySlug[cate.slug],
        name: cate.name,
      });

      $categories.append(html);

      var eirTab = document.getElementById('js-eir-tab');
      $categories.append(eirTab);

    });

    // entry
    const createHTML = function (entry) {
      let tags = '';

      for (let i = 0; i < entry.cat.length; i++) {
        const $tag = $('<span>');
        $tag.css({ color: colors[entry.cat[i].slug] }).text(entry.cat[i].name);
        tags += $tag[0].outerHTML;
      }

      return assignHTML(itemTemplate, {
        link: entry.link,
        target: entry.target,
        date: entry.date,
        title: entry.title,
        tags: tags,
      });
    };

    // all
    const $allItem = $wrapperItem.clone().appendTo($wrapper);
    $allItem.addClass('js-news-category-all is-current');

    const $allList = $newsList.clone().appendTo($allItem);

    for (let i = 0; i < data.all.length; i++) {
      const html = createHTML(data.all[i]);
      $allList.append(html);
    }


    // categories
    $.each(data.byCategory, function (_, item) {
      const $cateItem = $wrapperItem.clone().appendTo($wrapper);
      $cateItem.addClass('js-news-category-' + item.category.slug);

      const $list = $newsList.clone().appendTo($cateItem);

      for (let i = 0; i < item.posts.length; i++) {
        const html = createHTML(item.posts[i]);
        $list.append(html);
      }

    });
  });
}


// ing
/* 銉嬨儱銉笺偣JSON鍙栧緱 */
{
  const $ing = $('.js-ing-area');
  const url = $ing.find('.js-img-json')[0].value;
  const $wrapper = $ing.find('.js-ing-wrapper');

  //銈儐銈淬儶鐢
  const tagInfo = {
    news        :   { color: '#00BFB3', title: 'NEWS'},
    interview   :   { color: '#FFB81C', title: 'INTERVIEW'},
    eventreport :   { color: '#C6858F', title: 'EVENT REPORT'},
    special     :   { color: '#002855', title: 'SPECIAL'}
  }

  // // text template
  const sizeLTemplate = $ing.find('.js-ing-item-template-l')[0].text;
  const sizeMTemplate = $ing.find('.js-ing-item-template')[0].text;

  const assignHTML = function (template, data) {
    return template.replace(/\{\{\s*(\w+)\s*\}\}/g, function (_, name) { return data[name] || ''; });
  };

  $.getJSON(url).then(function (data) {
    // const colors = {};

    // tab
    $.each(data, function (i, item) {
      let html = '',
          tagmain = item.tag_main.toLowerCase().replace(/\s+/g, "");
      
      if ( i == 0 ) {
        html += assignHTML(sizeLTemplate, {
          link: item.pageurl,
          image: item.image,
          color: tagInfo[tagmain].color,
          tag: tagInfo[tagmain].title,
          title: item.title
        });
      } else {
        html += assignHTML(sizeMTemplate, {
          link: item.pageurl,
          image: item.image,
          color: tagInfo[tagmain].color,
          tag: tagInfo[tagmain].title,
          title: item.title
        });
      }
      $wrapper.append(html);
    });
  });
}

})(jQuery);