// ===== main.js =====

// ▼ トップメインスライドショー
(function(){
  var hero = document.querySelector('.hero');
  if(!hero) return;

  var slides = hero.querySelectorAll('.hs');
  var skip   = hero.querySelector('.hero-skip');
  var replay = hero.querySelector('.hero-replay');
  var last   = slides.length - 1;
  var timer  = null;

  // 表示時間（ms）※フェード1.6sはCSS側
  var HOLD_PHOTO = 3400; // 1〜4枚目
  var HOLD_LOGO  = 2400; // 5枚目（ロゴ）
  var HOLD_COPY  = 2800; // 6枚目（コピー）
  var WHITE_OUT  = 1000; // 6→7間のホワイトアウト

  function show(i){
    slides.forEach ? null : null;
    for(var k=0;k<slides.length;k++){
      slides[k].classList.toggle('show', k===i);
    }
  }

  function clearAll(){
    for(var k=0;k<slides.length;k++){
      slides[k].classList.remove('show');
    }
  }

  function finish(){
    clearTimeout(timer);
    show(last);
    skip.hidden = true;
    replay.hidden = false;
  }

  function step(i){
    if(i >= last){
      // ホワイトアウト → 決め画面
      clearAll();
      timer = setTimeout(finish, WHITE_OUT);
      return;
    }
    show(i);
    var hold = (i <= 3) ? HOLD_PHOTO : (i === 4 ? HOLD_LOGO : HOLD_COPY);
    timer = setTimeout(function(){ step(i + 1); }, hold);
  }

  function play(){
    clearTimeout(timer);
    skip.hidden = false;
    replay.hidden = true;
    clearAll();
    // 初回フェードインのためワンテンポ置く
    timer = setTimeout(function(){ step(0); }, 100);
  }

  skip.addEventListener('click', finish);
  replay.addEventListener('click', play);

  play();
})();