//グローバルメニュー開閉//
$(function () {
  $(".navbar_toggle").on("click", function () {
    $(this).toggleClass("open");
    $(".menu").toggleClass("open");
  });
});

//ページスクロール//
$(function () {
  // #で始まるリンクをクリックしたら実行されます
  $('a[href^="#"]').click(function () {
    // スクロールの速度
    var speed = 300; // ミリ秒で記述
    var href = $(this).attr("href");
    var target = $(href == "#" || href == "" ? "html" : href);
    var position = target.offset().top;
    $("body,html").animate({
        scrollTop: position
      },
      speed,
      "swing"
    );
    return false;
  });
});

//ページスクロール（少しスクロールしたらトップへ戻るボタンの表示）//
$(function () {
  var topBtn = $("#page_top");
  topBtn.hide();
  //スクロールが100に達したらボタン表示
  $(window).scroll(function () {
    if ($(this).scrollTop() > 100) {
      topBtn.fadeIn();
    } else {
      topBtn.fadeOut();
    }
  });
  //スクロールしてトップ
  topBtn.click(function () {
    $("body,html").animate({
        scrollTop: 0
      },
      500
    );
    return false;
  });
});

//スマホでタップした時だけ電話発信を有効にする//
$(function () {
  var ua = navigator.userAgent.toLowerCase();
  var isMobile = /iphone/.test(ua) || /android(.+)?mobile/.test(ua);

  if (!isMobile) {
    $('a[href^="tel:"]').on("click", function (e) {
      e.preventDefault();
    });
  }
});

//スマホ トップページ エリア選択のタブメニュー//
$(function ($) {
  $(".tab").click(function () {
    $(".is-active").removeClass("is-active");
    $(this).addClass("is-active");
    $(".is-show").removeClass("is-show");
    // クリックしたタブからインデックス番号を取得
    const index = $(this).index();
    // クリックしたタブと同じインデックス番号をもつコンテンツを表示
    $(".panel")
      .eq(index)
      .addClass("is-show");
  });
});

//アコーディオン 開閉//
$(function () {
  $(".acbutton")
    .click(function () {
      $(this).toggleClass("selected");
      $(this)
        .next()
        .slideToggle(100);
    })
    .next()
    .hide();
  $(".gsearch-acbutton")
    .click(function () {
      //人気ワードの「もっと「絞り込む」
      $(".acbutton").toggleClass("selected");
      $(".ac-search")
        .next()
        .slideToggle(100);
    })
    .next()
    .hide();
});

$(function () {
  $(".girls >div").each(function (index, element) {
    var w = $(element).width();
    $(".girls").append(
      '<div style="height:0; width:' + w + 'px; margin:0;"></div>'
    );
  });
});

//スライダー //
$(function () {
  //高さの設定
  $("#slide").height($("#slide img").height());
  $(window).resize(function () {
    $("#slide").height($("#slide img").height());
  });

  //サムネイルをクリックしたときの処理
  $("#thumbnail a")
    .click(function () {
      $("#slide img").before('<img src="' + $(this).attr("href") + '" alt="">');
      $("#slide img:last").fadeOut("fast", function () {
        $(this).remove();
      });
      return false;
    })
    .each(function () {
      //画像のプリロード
      $("<img>").attr("src", $(this).attr("href"));
    });
});

//slick //
$(function () {
  var slider = "#slider";
  var thumbnailItem = "#thumbnail-list .thumbnail-item";
  $(thumbnailItem).each(function () {
    var index = $(thumbnailItem).index(this);
    $(this).attr("data-index", index);
  });

  $(slider).on("init", function (slick) {
    var index = $(".slide-item.slick-slide.slick-current").attr(
      "data-slick-index"
    );
    $(thumbnailItem + '[data-index="' + index + '"]').addClass(
      "thumbnail-current"
    );
  });

  //slickスライダー初期化9
  $(slider).slick({
    autoplay: true,
    autoplaySpeed: 4000,
    slidesToShow: 1,
    centerMode: true,
    centerPadding: "0px",
    focusOnSelect: true,
    arrows: false,
    fade: true,
    speed: 2000,
    responsive: [{
      breakpoint: 768,
      settings: {
        centerPadding: "50px"
      }
    }]
  });
  //サムネイル画像アイテムをクリックしたときにスライダー切り替え
  $(thumbnailItem).on("click", function () {
    var index = $(this).attr("data-index");
    $(slider).slick("slickGoTo", index, false);
  });

  //サムネイル画像のカレントを切り替え
  $(slider).on("beforeChange", function (event, slick, currentSlide, nextSlide) {
    $(thumbnailItem).each(function () {
      $(this).removeClass("thumbnail-current");
    });
    $(thumbnailItem + '[data-index="' + nextSlide + '"]').addClass(
      "thumbnail-current"
    );
  });
});

$(function () {
  $('.multiple-item').slick({
    autoplay: true,
    autoplaySpeed: 2000,
    speed: 1500,
    infinite: true,
    dots: false,
    arrows: false,
    slidesToShow: 4,
    slidesToScroll: 2,
    responsive: [{
      breakpoint: 768,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 2,
        centerMode: true,
        centerPadding: '10%',
      }
    }]
  });
});

$(function () {
  $('.multiple-shame').slick({
    infinite: true,
    dots: false,
    arrows: false,
    slidesToShow: 6,
    slidesToScroll: 2,
    responsive: [{
      breakpoint: 768,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2,
        centerMode: true,
        centerPadding: '10%',
      }
    }]
  });
});


$(function () {
  $('.slick-slider').not('.slick-initialized').slick({
    accessibility: true,
    autoplay: true,
    autoplaySpeed: 1000,
    speed: 500,
    pauseOnHover: true,
    dots: false,
    arrows: false,
    infinite: true,
    slidesToShow: 3,
    swipe: true,
    centerMode: true,
    centerPadding: '0',
  });
});

//スマホ下部 固定メニューの表示//
$(function () {
  window.onscroll = function () {
    var check = window.pageYOffset; //現在のスクロール地点
    var docHeight = $(document).height(); //ドキュメントの高さ
    var dispHeight = $(window).height(); //表示領域の高さ
    //		console.log('現在のスクロール地点：'+check);
    //		console.log('ドキュメントの高さ：'+docHeight);
    //		console.log('表示領域の高さ：'+dispHeight);
    //		console.log( docHeight - dispHeight - 100);
    //		console.log('');

    if (check > docHeight - dispHeight - 300) {
      //フッターからの距離が300を切ったら非表示
      $(".floatmenu").fadeOut(300);
    } else if (check < 300) {
      // ヘッダーから300まで非表示
      $(".floatmenu").fadeOut(300);
    } else {
      // 上記以外の場合表示
      $(".floatmenu").fadeIn(300);
    }
  };
});

//スマホメニュー表示//
(function ($) {
  $(function () {
    $("#nav-toggle").on("click", function () {
      $("body").toggleClass("open");
    });
  });
})(jQuery);

//ヘッダー固定（ヘッダーの高さ分だけコンテンツを下げる）
window.addEventListener('DOMContentLoaded', function () {
  var height = $("#header").height();
  $("body").css("margin-top", height); //Xpxだけ余裕をもたせる場合 height + x


});

// ページ内リンク設置ページでページ内リンクがクリックされた場合、ヘッダー固定分を追加して移動
// $(window).on('load', function () {
// 	var headerHight = $("#header").height(); //ヘッダの高さ
// 	$('a[href*="#"]').click(function () {

// 		var href = $(this).attr("href");
// 		var href_len = href.indexOf('#');
// 		var href_str = href.substr(0, href_len);
// 		var href = href.replace(href_str, '');

// 		var target = $(href == "#" || href == "" ? 'html' : href);
// 		if (target.offset()) {
// 			var position = target.offset().top - headerHight; //ヘッダの高さ分位置をずらす
// 			$("html, body").animate({scrollTop: position}, 550, "swing");
// 			return false;
// 		}
// 	});
// });

// // ページ内リンク設置ページ【以外】でページ内リンクがクリックされた場合、ヘッダー固定分を追加して移動
// $(window).on('load', function () {
// 	// URLの取得
// 	if (location.hash !== '') {
// 		var headerHight = $("#header").height(); //ヘッダの高さ
// 		var href = location.hash;
// 		var target = $(href == "#" || href == "" ? 'html' : href);
// 		var position = target.offset().top - headerHight; //ヘッダの高さ分位置をずらす
// 		$("html, body").animate({scrollTop: position}, 550, "swing");
// 		return false;
// 	}
// });

//
$(function () {
  function getUrlVars(url) {
    var vars = [],
      hash;
    var url = decodeURI(url);
    var hashes = url.slice(url.indexOf("?") + 1).split("&");
    for (var i = 0; i < hashes.length; i++) {
      hash = hashes[i].split("=");
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  }

  function setFilterConditionHtml(vars) {
    //	console.log(select);
    var filtered = false;
    var url = location.href;

    if (url.indexOf("day_after_tomorrow") != -1) {
      filtered = true;
      $(".squeeze_result").append("<span>明後日出勤</span> | ");
    } else if (url.indexOf("tomorrow") != -1) {
      filtered = true;
      $(".squeeze_result").append("<span>明日出勤</span> | ");
    } else if (url.indexOf("now") != -1) {
      filtered = true;
      $(".squeeze_result").append("<span>現在出勤</span> | ");
    }

    for (var i = 0; i < vars.length; i++) {
      // チェックボックスの場合
      var input = $("#girlsSearchForm input[name='" + vars[i] + "']");
      // セレクトボックスの場合
      var select = $(
        "#girlsSearchForm [name='" + vars[i] + "']  option:selected"
      );

      // チェックボックスが選択されていれば項目名を追加
      if (input.length > 0) {
        input.attr("checked", true);
        $(".squeeze_result").append(
          "<span>"
          + input
          .parent()
          .text()
          .replace(/\([0-9]+\)★?$/, "")
          + "</span> | "
        );
        filtered = true;
      }
      // セレクトボックスが選択されていれば項目名を追加
      if (select.length > 0) {
        if (vars[i] == "search_time") {
          // 時間で検索された場合のみ分数を追加
          if (select.parent().val() != 0) {
            //選択された場合のみ
            $(".squeeze_result").append(
              "<span>出勤:"
              + select
              .parent()
              .val()
              .replace(/\([0-9]+\)★?$/, "")
              + ":00〜</span> | "
            );
          }
        } else {
          if (select.parent().val() != 0) {
            //選択された場合のみ
            $(".squeeze_result").append(
              "<span>"
              + select.text().replace(/\([0-9]+\)★?$/, "")
              + "</span> | "
            );
          }
        }
        filtered = true;
      }
    }
    // 検索条件がある場合、検索項目を表示
    if (filtered) {
      $(".selected-filters-wrapper")
        .slideToggle(1000)
        .show();
    }
  }

  setFilterConditionHtml(getUrlVars(location.href));
});

//写メ日記詳細（背景切り替え用）//
var changeStyle = function (url) {
  var linkstyle = document.getElementById("whitemode");
  linkstyle.href = url;
};

/**
 * リストの絞り込みを行う ここから
 */
var searchBox = ".search-box"; // 絞り込む項目を選択するエリア
var listItem = ".list_item"; // 絞り込み対象のアイテム
var scheduleList = ".schedule-list"; // 絞り込み対象のスケジュール
var hideClass = "is-hide"; // 絞り込み対象外の場合に付与されるclass名

$(function () {
  // 絞り込み項目を変更した時
  $(document).on("change", searchBox + " input", function () {
    search_filter();
    //		var speed = 300;
    //		var position = $('#shop-schedule').offset().top;
    //		jQuery("html,body").animate({scrollTop: position}, speed);
    return false;
  });
});

/**
 * 出勤表の絞り込みを行う
 */
function search_filter() {
  // 非表示状態を解除
  $(listItem).removeClass(hideClass);
  $(scheduleList).removeClass(hideClass);

  var item_count = $(listItem).length;
  for (var i = 0; i < $(searchBox).length; i++) {
    var name = $(searchBox)
      .eq(i)
      .find("input")
      .attr("name");
    // 選択されている項目を取得
    var searchData = get_selected_input_items(name);

    // 選択されている項目がない、またはALLを選択している場合は飛ばす
    if (searchData.length === 0 || searchData[0] === "") {
      continue;
    }

    // リスト内の各アイテムをチェック
    for (var j = 0; j < $(listItem).length; j++) {
      // アイテムに設定している項目を取得
      var itemData = get_setting_values_in_item($(listItem).eq(j), name);
      // 絞り込み対象かどうかを調べる
      var check = array_match_check(itemData, searchData);
      if (!check) {
        item_count = item_count - 1;
        $(listItem)
          .eq(j)
          .addClass(hideClass);
      }
    }

    // 日付チェック
    for (var b = 0; b < $(scheduleList).length; b++) {
      // アイテムに設定している項目を取得
      var itemData2 = $(scheduleList)
        .eq(b)
        .data("tag");
      // 絞り込み対象かどうかを調べる
      if (searchData.indexOf(String(itemData2)) === -1) {
        $(scheduleList)
          .eq(b)
          .addClass(hideClass);
      }
    }
  }
  $(".list-count-num").html(item_count + "人");
}

/**
 * inputで選択されている値の一覧を取得する
 * @param  {String} name 対象にするinputのname属性の値
 * @return {Array}       選択されているinputのvalue属性の値
 */
function get_selected_input_items(name) {
  var searchData = [];
  $("[name=" + name + "]:checked").each(function () {
    searchData.push($(this).val());
  });
  return searchData;
}

/**
 * リスト内のアイテムに設定している値の一覧を取得する
 * @param  {Object} target 対象にするアイテムのjQueryオブジェクト
 * @param  {String} data   対象にするアイテムのdata属性の名前
 * @return {Array}         対象にするアイテムのdata属性の値
 */
function get_setting_values_in_item(target, data) {
  var itemData = target.data(data);
  if (!Array.isArray(itemData)) {
    itemData = [itemData];
  }
  return itemData;
}

/**
 * 2つの配列内で一致する文字列があるかどうかを調べる
 * @param  {Array} arr1 調べる配列1
 * @param  {Array} arr2 調べる配列2
 * @return {Boolean}    一致する値があるかどうか
 */
function array_match_check(arr1, arr2) {
  // 絞り込み対象かどうかを調べる
  var arrCheck = false;
  for (var i = 0; i < arr1.length; i++) {
    if (arr2.indexOf(arr1[i]) >= 0) {
      arrCheck = true;
      break;
    }
  }
  return arrCheck;
}
/*
* 画像のモーダル
*/
$(".gallery").modaal({
  type: 'image',
  overlay_close:true,//モーダル背景クリック時に閉じるか
  before_open:function(){// モーダルが開く前に行う動作
    $('html').css('overflow-y','hidden');/*縦スクロールバーを出さない*/
  },
  after_close:function(){// モーダルが閉じた後に行う動作
    $('html').css('overflow-y','scroll');/*縦スクロールバーを出す*/
  }
});
/*
* ハンバーガーメニュー
*/
/*
$(function() {
    $('.hamburger').click(function() {
        $(this).toggleClass('active');

        if ($(this).hasClass('active')) {
            $('.globalMenuSp').addClass('active');
        } else {
            $('.globalMenuSp').removeClass('active');
        }
    });
});*/
/*
* TOPへスクロール
*/
$(function(){
  var tscroll = $('#t-scroll');
  tscroll.hide();
  $(window).scroll(function () {
     if ($(this).scrollTop() > 100) {
          tscroll.fadeIn();
     } else {
          tscroll.fadeOut();
     }
  });
  tscroll.click(function () {
     $('body, html').animate({ scrollTop: 0 }, 500);
     return false;
  });
});