// JavaScript Document
$(function(){
  $(".loading").delay(1000).fadeOut('slow');
  $(".loading img").delay(700).fadeOut('slow');
});

$(window).on('load', function (){
  
  //site_navi
  $(".site_navi_btn").on("click",function(){
    $("#site_navi").fadeToggle();
  });
  $(".site_navi_close").on("click",function(){
    $("#site_navi").fadeToggle();
  });
  
  if($('#container.not_asd').length){
    console.log("not asd");
  } else {
    //adsbygoogle
    var lazyloadads = false;
    window.addEventListener("scroll", function() {
      if ((document.documentElement.scrollTop != 0 && lazyloadads === false) || (document.body.scrollTop != 0 && lazyloadads === false)) {


        (function() {
          var ad = document.createElement('script');
          ad.type = 'text/javascript';
          ad.async = true;
          ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8583711850758836';
          var sc = document.getElementsByTagName('script')[0];
          sc.parentNode.insertBefore(ad, sc);
        })();

        $(".adsbygoogle").each(function() {
          (adsbygoogle = window.adsbygoogle || []).push({});
        });

        lazyloadads = true;
      }
    }, true)
  }
  
  
});

$(function () {
  
  /* ranking_slide */
  $(".ranking_list").on("init", function (event, slick) {
    $(".ranking_slide_control_no").append('<div class="ranking_slick-num"><span class="ranking_now-count"></span> / <span class="ranking_all-count"></span></div>');
    $(".ranking_now-count").text(slick.currentSlide + 1); // 現在のスライド番号(+1が無いと0からスタートしてしまう)
    $(".ranking_all-count").text(slick.slideCount); // スライドの総数
  })
  .slick({
    infinite: false,
		autoplay: false,
		/*speed: 1200,*/
    slidesToShow: 4,
    slidesToScroll: 1,
    responsive: [
      {
        breakpoint: 770,
        settings: {
          slidesToShow: 2,
        },
      },
      {
        breakpoint: 480,
        centerMode: true,
        settings: {
          slidesToShow: 1,
        },
      },
    ],
    prevArrow: $('.ranking_prev_slide'),
    nextArrow: $('.ranking_next_slide'),
  })
  .on("beforeChange", function (event, slick, currentSlide, nextSlide) {
    $(".ranking_now-count").text(nextSlide + 1); // 現在のスライド番号の次のスライドになったら番号を+1
  });
  
  // smooth-scroll
  $('a[href^="#"]').not(".not_scroll").on("click", function () {
    var speed = 1000;
    var href = $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top - 100;
    $('body,html').animate({
      scrollTop: position
    }, speed, 'swing');
    return false;
  });

  var hash = location.hash;
  if (location.hash != "") {
    var hashposition = $(hash).offset().top - 100;
    $("html,body").animate({
      scrollTop: hashposition
    });
  }

  //header fixed
  var height = 300;
  $(window).on("scroll", function() {
    if ($(this).scrollTop() > height ) {
      $(".site_header").addClass('fixed');
    } else {
      $(".site_header").removeClass('fixed');
    }
  });
  
  /*colorbox*/
  $(".pop_inline").colorbox({
    inline: true,
    innerWidth: 1000,
    //innerHeight: 100,
    maxWidth: "100%",
    maxHeight: "100%",
    opacity: "0.8",
    scrolling: false,
    className: "pop_inline"
  });
  $(".pop_search").colorbox({
    inline: true,
    innerWidth: 600,
    innerHeight: 100,
    maxWidth: "100%",
    maxHeight: "100%",
    opacity: "0.8",
    scrolling: false,
    className: "pop_search"
  });
  $(".pop_img").colorbox({
    maxWidth: "90%",
    maxHeight: "90%",
    opacity: "0.8",
    className: "pop_img"
  });

  $(".pop_youtube").colorbox({
    iframe: true,
    innerWidth: "80%",
    innerHeight: "75%",
    /*maxWidth:"100%",
    	maxHeight:"100%",*/
    opacity: "0.8",
    className: "pop_youtube"
  });
  
  
  var fade_thumb = ".article_list_01 .thumb img, .recommend_list .thumb img, .ranking_list .thumb img";
  $(fade_thumb).css("opacity",0);
  $(fade_thumb).on('inview', function(event, isInView) {
    if(isInView){
      $(this).animate({
        opacity:1
      },100);
    }
  });
  
  /* inview.begin */
  $(".top_page .bg_text_icon").on('inview', function(event, isInView) {
    if(isInView){
      $(this).delay(100).addClass("anime");
    }
  });
  $('.js_slide_down').on('inview', function(event, isInView) {
    if(isInView){
      var offset = $(this).attr("data-offset");
      $(this).delay(offset).animate({
        top:0,
        opacity:1
      },1000);
    }
  });  
  $('.js_slide_up').on('inview', function(event, isInView) {
    if(isInView){
      var offset = $(this).attr("data-offset");
      $(this).delay(offset).animate({
        top:0,
        opacity:1
      },1000);
    }
  });  
  $('.js_slide_left').on('inview', function(event, isInView) {
    if(isInView){
      var offset = $(this).attr("data-offset");
      $(this).delay(offset).animate({
        left:0,
        opacity:1
      },1000);
    }
  });  
  $('.js_slide_right').on('inview', function(event, isInView) {
    if(isInView){
      var offset = $(this).attr("data-offset");
      $(this).delay(offset).animate({
        right:0,
        opacity:1
      },1000);
    }
  });
  $('.js_fade').on('inview', function(event, isInView) {
    if(isInView){
      var offset = $(this).attr("data-offset");
      $(this).delay(offset).animate({
        opacity:1
      },1000);
    }
  });
  /* inview.end */
  
});

//cookie
(function() {
  const expire = 365; // 譛牙柑譛滄剞�域律��
  let cc = document.querySelector('.cookie-consent');
  let ca = document.querySelector('.cookie-agree');
  const flag = localStorage.getItem('popupFlag');
  if (flag != null) {
    const data = JSON.parse(flag);
    if (data['value'] == 'true') {
      popup();
    } else {
      const current = new Date();
      if (current.getTime() > data['expire']) {
        setWithExpiry('popupFlag', 'true', expire);
        popup();
      }      
    }
  } else {
    setWithExpiry('popupFlag', 'true', expire);
    popup();
  }
  ca.addEventListener('click', () => {
    cc.classList.add('cc-hide1');
    setWithExpiry('popupFlag', 'false', expire);
  });
  
  function setWithExpiry(key, value, expire) {
    const current = new Date();
    expire = current.getTime() + expire * 24 * 3600 * 1000;
    const item = {
      value: value,
      expire: expire
    };
    localStorage.setItem(key, JSON.stringify(item));
  }
  
  function popup() {
    cc.classList.add('is-show');
  }
}());