/*---------
//↓mvスライドショー
$("document").ready(function(){
  $(".slidebox").bgswitcher({
    images:['images/mv.png','images/mv2.jpg','images/mv3.jpg',],
		interval: 3500
  });
});
----------*/
/*==============================================
スライドショー
==============================================*/

$(function() {
    $('#main .slider').slick({
	prevArrow: '<button class="slide-arrow prev-arrow"></button>',
	nextArrow: '<button class="slide-arrow next-arrow"></button>',
	dots: true,
	slidesToShow: 1,
	centerMode: true, //要素を中央寄せ
	autoplay:true, //自動再生
	variableWidth : true,
	dotsClass: 'slide-dots',


     });
});

$(function() {
	$('#main .under-slider').slick({
		centerMode: false,
		prevArrow: '<button class="slide-arrow prev-arrow"></button>',
		nextArrow: '<button class="slide-arrow next-arrow"></button>',
		dots: true,
		slidesToShow: 1,
		autoplay:true, //自動再生
		variableWidth : true,
		dotsClass: 'slide-dots2',
		responsive: [{
		breakpoint: 768,settings: {
		slidesToShow: 1,
		centerMode: true, //要素を中央寄せ
			}
		}]
	});
});

 /*==============================================
  Zero Menu
==============================================*/

$(function(){

  //ボタンの生成
  $(".g-nav-inner").before('<div class="overlay"></div><div id="hb-menu"><div class="hb-inner"><span></span><span></span><span></span><p>MENU</p></div></div>');
  $("#hb-menu,.overlay").click(function () {
    $(".g-nav").toggleClass("hb-open");
  });
});

/*==============================================
要素の高さを揃える
==============================================*/
$(function(){
    $('.contents2 .co-box').matchHeight();
    $('.contents2 .co-box .btn').matchHeight();
    $('.contents2 .co-box .mh-t').matchHeight();
    $('#main .tb-box a .a-box p').matchHeight();
    $('.STF_WEBNAME').matchHeight();
    $('#main .contents6 .t-box').matchHeight();
    $('#main .tb-box a .img_area').matchHeight();
});
$(function(){
//    $('.kaso .spot').matchHeight();
//    $('.kaso .text').matchHeight();
//    $('.kaso .text_link').matchHeight();
});

//追従ボタン
$(function() {
    var topBtn = $('.g-navi,.pagetop');
    topBtn.hide();
    //スクロールが100に達したらボタン表示
    $(window).scroll(function () {
        if ($(this).scrollTop() > 1000) {
            topBtn.fadeIn();
        } else {
            topBtn.fadeOut();
        }
    });
});

// 追従ボタン right_btn
$(function() {
    var right_btn = $('.right_btn');
    //スクロールが100に達したらボタン表示
    $(window).scroll(function () {
        if ($(this).scrollTop() > 1000) {
          $(right_btn).addClass('active');
        }
        else {
          $(right_btn).removeClass('active');
        }
    });
});


//特定の場所に来たらクラス名を変える
$(function () {
 var $body = $('.g-navi');
 $(this).scroll(function() {
   var topOffset =  $('#return_top').offset().top;
   var navTypeAOffsetTop = parseInt(topOffset) -900;
   if($(this).scrollTop() > navTypeAOffsetTop) {
     $body.addClass('is-fixed');
   } else {
     $body.removeClass('is-fixed');
   }
 });
});


/*==============================================
グローバルナビ色変更
==============================================*/

$(function() {
	// ナビゲーションのリンクを指定
	var navLink = $('#gnav li a');

	// 各コンテンツのページ上部からの開始位置と終了位置を配列に格納しておく
	var contentsArr = new Array();
	for (var i = 0; i < navLink.length; i++) {
		// コンテンツのIDを取得
		var targetContents = navLink.eq(i).attr('href');
		// ページ内リンクでないナビゲーションが含まれている場合は除外する
		if(targetContents.charAt(0) == '#') {
			// ページ上部からコンテンツの開始位置までの距離を取得
			var targetContentsTop = $(targetContents).offset().top;
			// ページ上部からコンテンツの終了位置までの距離を取得
			var targetContentsBottom = targetContentsTop + $(targetContents).outerHeight(true) - 1;
			// 配列に格納
			contentsArr[i] = [targetContentsTop, targetContentsBottom]
		}
	};

	// 現在地をチェックする
	function currentCheck() {
		// 現在のスクロール位置を取得
		var windowScrolltop = $(window).scrollTop();
		for (var i = 0; i < contentsArr.length; i++) {
			// 現在のスクロール位置が、配列に格納した開始位置と終了位置の間にあるものを調べる
			if(contentsArr[i][0] <= windowScrolltop && contentsArr[i][1] >= windowScrolltop) {
				// 開始位置と終了位置の間にある場合、ナビゲーションにclass="current"をつける
				navLink.removeClass('current');
				navLink.eq(i).addClass('current');
				i == contentsArr.length;
			}
		};
	}

	// ページ読み込み時とスクロール時に、現在地をチェックする
	$(window).on('load scroll', function() {
		currentCheck();
	});

	// ナビゲーションをクリックした時のスムーズスクロール
	navLink.click(function() {
		$('html,body').animate({
			scrollTop: $($(this).attr('href')).offset().top
		}, 300);
		return false;
	})
});

/*==============================================
プルダウンから検索
==============================================*/
$(function() {
    var lists = $('.list li');
    $(document).on('change', '.serchBox select', function() {
        lists.show();
        for (var i = 0; i < $('.serchBox select').length; i++) {
            // 絞り込みの項目を取得
            var item = $('.serchBox select').eq(i).attr('name');
            // 絞り込みの対象を取得
            var target = $('.serchBox select').eq(i).val();

            if(target != '') {
                for (var j = 0; j < lists.length; j++) {
                    // 絞り込み対象でない場合は非表示
                    if(!lists.eq(j).find('.' + item).find('span').hasClass(target)) {
                        lists.eq(j).hide();
                    }
                };
            }
        };
    });
});


/*==============================================
ボタンクリックでテキストを反映
==============================================*/
$(function() {

  // button要素をクリックしたら発動
  $('button').click(function() {

    // セレクトボックスで選択したテキストを変数に格納
    var city = $('#money option:selected').text();
    // 要素にテキストを出力
    $('.answer01').text(city);

	  // セレクトボックスで選択したテキストを変数に格納
    var city = $('#days option:selected').text();
    // 要素にテキストを出力
    $('.answer02').text(city);

	  // セレクトボックスで選択したテキストを変数に格納
    var city = $('#time option:selected').text();
    // 要素にテキストを出力
    $('.answer03').text(city);

  });
});

/*==============================================
途中からついてくるナビ
==============================================*/
$(function() {
  var $win = $(window),
      $main = $('main'),
      $nav = $('.fixed'),
      navHeight = $nav.outerHeight(),
      navPos = $nav.offset().top,
      fixedClass = 'is-fixed';

  $win.on('load scroll', function() {
    var value = $(this).scrollTop();
    // if ( value > 960 ) {
    if ( value > 470 ) {
      $nav.addClass(fixedClass);
      // $main.css('margin-top', navHeight);
      $('#retern').css('margin-top','100px');
    } else {
      $nav.removeClass(fixedClass);
      // $main.css('margin-top', '0');
      $('#retern').css('margin-top','0');
    }
  });
});

/*==============================================
アコーディオン
==============================================*/
if (window.matchMedia('screen and (min-width:768px)').matches) {
	//768px以上のデスクトップでの処理
}else{
	//768px以下

// アコーディオン
// $(function(){
//     //.要素がクリックされたら
// 	// $('.trigger').click(function(){
//   $('#testid').click(function(){
// 		//クリックされた.要素に隣接する.要素が開いたり閉じたりする。
//     alert('JavaScriptのアラート');
// 		$(this).next('.sp_submenu').slideToggle();
// 		// return false;
// 	});
// });

}

// アコーディオン
$(function(){
    //.要素がクリックされたら
	$('.sp-only.trigger').click(function(){
		//クリックされた.要素に隣接する.要素が開いたり閉じたりする。
		$(this).next('.sp_submenu').slideToggle();
		return false;
	});
});

/*==============================================
絞り込みボタンをクリックでアコーディオンを閉じる
==============================================*/
if (window.matchMedia('screen and (min-width:768px)').matches) {
	//768px以上のデスクトップでの処理
}else{
	//768px以下
jQuery(function() {

  // button要素をクリックしたら発動
  jQuery('.answer_btn button').click(function() {
  // buttonをクリックしたら隠す
    jQuery(".sp_submenu").css("display","none");
  });
});
}
/*==============================================
上スクロール時だけ出現
==============================================*/
// var menuHeight = $(".right_btn").height();
// var startPos = 0;
// $(window).scroll(function(){
//   var currentPos = $(this).scrollTop();
//   if (currentPos > startPos) {
//     if($(window).scrollTop() >= 200) {
//       $(".right_btn").css("top", "-" + menuHeight + "px");
//     }
//   } else {
//     $(".right_btn").css("top", 200 + "px");
//   }
//   startPos = currentPos;
// });

/*==============================================
カレンダー PC
==============================================*/
$(document).ready(function(){
var i, today = new Date();
var $deptY = $('#pc-sidebox02departureYear');for(i = 0; i < 3; i++) { $deptY.append($('<option/>').html((today.getFullYear() + i) + "年").val(today.getFullYear() + i)); }
var $deptM = $('#pc-sidebox02departureMonth');for(i = 1; i <= 12; i++) { $deptM.append($('<option/>').html(i + "月").val(i)); }
var $deptD = $('#pc-sidebox02departureDate');for(i = 1; i <= 31; i++) { $deptD.append($('<option/>').html(i + "日").val(i)); }
$("#departureDatePicker_sa").datepicker({
	buttonImageOnly : true,
	changeMonth: true,
	changeYear: true,
	showOn: "button",
	buttonImage : "images/ico_calendar.png",
	onSelect: function(dateText, inst) {
		var dates = dateText.split('/');
		$deptY.val(dates[0]);
		$deptM.val(parseInt(dates[1]));
		$deptD.val(parseInt(dates[2]));
	},
        beforeShow: function(input, inst) {
            var calendar = inst.dpDiv;
            setTimeout(function() {
                calendar.position({
                    my: 'left top',
                    at: 'left bottom',
                    of: '#sidebox02departureYear'
                });
            }, 1);
        }
});
});


/*==============================================
カレンダー SP
==============================================*/
$(document).ready(function(){
var i, today = new Date();
var $deptY = $('#sp-sidebox02departureYear');for(i = 0; i < 3; i++) { $deptY.append($('<option/>').html((today.getFullYear() + i) + "年").val(today.getFullYear() + i)); }
var $deptM = $('#sp-sidebox02departureMonth');for(i = 1; i <= 12; i++) { $deptM.append($('<option/>').html(i + "月").val(i)); }
var $deptD = $('#sp-sidebox02departureDate');for(i = 1; i <= 31; i++) { $deptD.append($('<option/>').html(i + "日").val(i)); }
$("#sp-departureDatePicker_sa").datepicker({
	buttonImageOnly : true,
	changeMonth: true,
	changeYear: true,
	showOn: "button",
	buttonImage : "images/ico_calendar.png",
	onSelect: function(dateText, inst) {
		var dates = dateText.split('/');
		$deptY.val(dates[0]);
		$deptM.val(parseInt(dates[1]));
		$deptD.val(parseInt(dates[2]));
	},
        beforeShow: function(input, inst) {
            var calendar = inst.dpDiv;
            setTimeout(function() {
                calendar.position({
                    my: 'left top',
                    at: 'left bottom',
                    of: '#sp-sidebox02departureYear'
                });
            }, 1);
        }
});
});