// JavaScript Document

$(function() {
//---------------------------------------------
// ハンバーガーメニュー開閉 
//---------------------------------------------
$(document).ready(function() {
  $(".toggle").click(function() {
    $(this).toggleClass("active"); // ボタンのアイコンをアクティブに切り替える
    $(".nav").toggleClass("show"); // サイドバー（メニュー）の表示・非表示を切り替える
  });
//ページ内リンククリック時にハンバーガーメニューを閉じる
$('.nav a[href]').on('click', function() {
    $('.toggle').trigger('click');
});
});
//---------------------------------------------
// 無限ループスライド
//---------------------------------------------
function shuffleContent(container) {
  var content = container.find("> *");
  var total = content.length;
  content.each(function() {
    content.eq(Math.floor(Math.random() * total)).prependTo(container);
  });
}
  shuffleContent($("#main_slide_01"));
  shuffleContent($("#main_slide_02"));
 $('.main_slide').infiniteslide({
     //オプションをここに設定していきます。
     //'height': 200,
     'speed': 75,
     'direction' : 'left',
     'pauseonhover': false,
     'responsive': true
     });
 
    
//---------------------------------------------
//  SP閲覧時のみ電話番号にリンクを付ける
//---------------------------------------------
    var ua = navigator.userAgent;
    if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0){
        $('.tel-link').each(function(){
            var str = $(this).text();
            $(this).html($('<a>').attr('href', 'tel:' + str.replace(/-/g, '')).append(str + '</a>'));
        });
    }

//---------------------------------------------
//  外部リンクを別ウィンドウで開く
//---------------------------------------------
	$('a[href^=https]').not('[href*="'+location.hostname+'"]').attr('target', '_blank');
	$('a[href^=http]').not('[href*="'+location.hostname+'"]').attr('target', '_blank');

    
//---------------------------------------------
//  スムーズスクロール
//---------------------------------------------
	
//#を含むリンクが対象
   $('a[href^="#"]').click(function(){ 
   var speed = 600,
   href = $(this).attr("href"),
	
//href="#"ならページトップ(html)へ href="#"以外ならhrefの指定先へ
   target = $(href == "#" || href=="" ? 'html':href),
   position = target.offset().top;
   
  $('body,html').animate({scrollTop:position},speed,'swing');
   return false;   
   });

//---------------------------------------------
//  pagetopボタン スクロールでフェードイン
//---------------------------------------------
	
 // 300pxスクロールしたらpagetopボタンを表示する
	var topBtn=$('#Randam');
    topBtn.hide();
	
	$(window).scroll(function() {
		if($(this).scrollTop() > 300){
			topBtn.fadeIn();
	} else {
		topBtn.fadeOut();	
	}
});
	
//---------------------------------------------
//  ランダムリンク
//---------------------------------------------
var randomLinks = [
		'https://www.youtube.com/embed/vczUoOue4xM?rel=0',
		'https://www.youtube.com/embed/UdiyTXVvY3s?rel=0', 
		'https://www.youtube.com/embed/bU4Fi5RoG2c?rel=0', 
		'https://www.youtube.com/embed/I3Qua6S2JGQ?rel=0', 
		'https://www.youtube.com/embed/FkMu9XOktK0?rel=0', 
		'https://www.youtube.com/embed/DSO_dDvOouU?rel=0', 
		'https://www.youtube.com/embed/r8XaxPhkXQE?rel=0', 
		'https://www.youtube.com/embed/053G0wBMm8k?rel=0', 
		'https://www.youtube.com/embed/MmN9aBjGNac?rel=0', 
		'https://www.youtube.com/embed/qzH6Li5xIPY?rel=0', 
		'https://www.youtube.com/embed/u1FeVmNjnCY?rel=0', 
		'https://www.youtube.com/embed/aiKxcVDeMz8?rel=0', 
		'https://www.youtube.com/embed/5ixDRYmBSkM?rel=0', 
		'https://www.youtube.com/embed/T3sjC3MaJV4?rel=0',
		'https://www.youtube.com/embed/aCEq-S7y8KA?rel=0', 
		'https://www.youtube.com/embed/_8h4sZd6Kkc?rel=0', 
		'https://www.youtube.com/embed/d6PLjO1KKSQ?rel=0', 
		'https://www.youtube.com/embed/qi47UJWULrw?rel=0', 
		'https://www.youtube.com/embed/bTcejOdPSOs?rel=0', 
		'https://www.youtube.com/embed/xpe16FZ6XjA?rel=0', 
		'https://www.youtube.com/embed/INTaUsrscR0?rel=0', 
		'https://www.youtube.com/embed/Xv0K1gdZIIg?rel=0', 
		'https://www.youtube.com/embed/2BVCfDxa2qw?rel=0', 
		'https://www.youtube.com/embed/O4tBmS8By98?rel=0', 
		'https://www.youtube.com/embed/ETYCXi7zunw?rel=0', 
		'https://www.youtube.com/embed/wbq4NuYB07Q?rel=0', 
		'https://www.youtube.com/embed/Z2WKl8Nl-YI?rel=0', 
		'https://www.youtube.com/embed/3T3od4135Ho?rel=0', 
		'https://www.youtube.com/embed/h9KBCTIgH4c?rel=0',   
		'https://www.youtube.com/embed/6BqAy0TqWyk?rel=0', 
		'https://www.youtube.com/embed/qG-KwsFy-NE?rel=0', 
		'https://www.youtube.com/embed/f1bgJEW6Vt?rel=0', 
		'https://www.youtube.com/embed/aviS5LCP3Jw?rel=0'];

    // クリックイベントを設定
    $('#Randam a').click(function(e) {
        e.preventDefault(); // デフォルトのリンク先への遷移をキャンセル

        // ランダムなインデックスを生成
        var randomIndex = Math.floor(Math.random() * randomLinks.length);

        // ランダムなリンクを取得して設定
        var randomLink = randomLinks[randomIndex];
        $(this).attr('href', randomLink);
    });
});

//---------------------------------------------
// スクロールで要素を表示
//---------------------------------------------
function showElementAnimation() {

  var element = document.getElementsByClassName('js-animation');
  if(!element) return; // 要素がなかったら処理をキャンセル
  
  var showTiming = window.innerHeight > 768 ? 200 : 40; // 要素が出てくるタイミングはここで調整
  var scrollY = window.pageYOffset;
  var windowH = window.innerHeight;

  for(var i=0;i<element.length;i++) {
    var elemClientRect = element[i].getBoundingClientRect();
    var elemY = scrollY + elemClientRect.top;
    if(scrollY + windowH - showTiming > elemY) {
      element[i].classList.add('is-show');
    } else if(scrollY + windowH < elemY) {
      // 上にスクロールして再度非表示にする場合はこちらを記述
      element[i].classList.remove('is-show');
    }
  }
}
showElementAnimation();
window.addEventListener('scroll', showElementAnimation);