// JavaScript Document
(function (window, document, $) {

  $(function(){
    $('.rgs_ticker').slick({
      autoplay: true,
      arrows: false,
      vertical: true,
    });

    $('.rgs_mainslide').slick({
      draggable: false,
      swipe: false,
      touchMove: false,
      pauseOnHover: false,
      responsive: [
        {
          breakpoint: 430,
          settings: {
            autoplay: true,
            arrows: false,
          }
        }
      ]
    })


    //学校タブ
    $('[data-sclprefecture]').on("click",function(){
      var tabsclid = $(this).attr("data-sclprefecture");
      $('[data-sclprefecture]').removeClass("active");
      $('[data-sclprefcts]').hide();
      $('[data-sclprefcts="'+tabsclid+'"]').fadeIn("fast");
      $(this).addClass("active");
    });
    //路線・エリアタブ
    $('[data-lineareaprefecture]').on("click",function(){
      var tablineid = $(this).attr("data-lineareaprefecture");
      $('[data-lineareaprefecture]').removeClass("active");
      $('[data-liarprefcts]').hide();
      $('[data-liarprefcts="'+tablineid+'"]').fadeIn("fast");
      $(this).addClass("active");
    });
    //こだわり条件タブ
    $('[data-particularprefecture]').on("click",function(){
      var tabpartid = $(this).attr("data-particularprefecture");
      $('[data-particularprefecture]').removeClass("active");
      $('[data-partprefcts]').hide();
      $('[data-partprefcts="'+tabpartid+'"]').fadeIn("fast");
      $(this).addClass("active");
    });
    //新着おすすめタブ
    $('[data-recommendprefecture]').on("click",function(){
      var tabrecid = $(this).attr("data-recommendprefecture");
      $('[data-recommendprefecture]').removeClass("active");
      $('[data-partprefcts]').hide();
      $('[data-partprefcts="'+tabrecid+'"]').fadeIn("fast");
      $(this).addClass("active");
    });


    $('#freeword_search_btn').off('click').on('click', function(){
      let freeword = $('#freeword').val();
      if(freeword.length == 0){
        alert('検索ワードを入力してください。');
      }else{
        location.href='/search/?keyword=' + encodeURIComponent(freeword);
      }
    });



  });



  $(window).on("load",function(){
    var scllegh = 1000;
    // window.resized を定義
    window.resized = function(){
      if($(window).width() <= 820){
        scllegh = $('.rgs_flowlist > li').outerWidth(true) || 308;
      } else {
        scllegh = 1000;
      }
    };

    // 初回実行
    window.resized();

    // リサイズ時に呼び出し
    $(window).on("resize", window.resized);

    //流れスクロールプログレスバー
    const $progressBar = $('#scroll-progress-fill');
      // スクロール量に応じて進捗バーの幅を更新
    const updateScrollProgress = function() {
      const scrollPx = $('.rgs_scrollwrap').scrollLeft();
      const contentswidPx = $('.rgs_flowlist').width() - $('.rgs_scrollwrap').width();
      const scrolled = (scrollPx / contentswidPx) * 100;
      $progressBar.css('width', scrolled + '%');
      if(scrolled <= 0){
        $('#preview').addClass("stt");
      } else {
        $('#preview').removeClass("stt");
      }
      if(scrolled >= 100){
        $('#next').addClass("end");
      } else {
        $('#next').removeClass("end");
      }
      console.log(scrolled);
    };
    // スクロールイベントが発生するたびに進捗バーを更新
    $('.rgs_scrollwrap').on('scroll', updateScrollProgress);
    updateScrollProgress();
    //スクロールのコントロールボタン
    $('#preview').on("click",function(){
      $('.rgs_scrollwrap').animate({
        scrollLeft: $('.rgs_scrollwrap').scrollLeft() - scllegh
      }, 300);
    });
    $('#next').on("click",function(){
      $('.rgs_scrollwrap').animate({
        scrollLeft: $('.rgs_scrollwrap').scrollLeft() + scllegh
      }, 300);
    });
  });



})(window, document, jQuery);