// Slick
if(planMainImgTotal < 1){planMainImgTotal = 1;}
if(planMainImgTotal > 8){planMainImgTotal = 8;}

$('#plan-top-slick-img').slick({
	slidesToShow: 1,
	slidesToScroll: 1,
	arrows: false,
	fade: true,
	autoplay: true,
	autoplaySpeed: 5000,
	asNavFor: '#plan-top-slick-thumbs'
});

$('#plan-top-slick-thumbs').slick({
	slidesToShow: planMainImgTotal,
	slidesToScroll: 1,
	asNavFor: '#plan-top-slick-img',
	arrows: false,
	dots: false,
	focusOnSelect: true,
	autoplay: true,
	autoplaySpeed: 5000,
	responsive:
	[{	breakpoint: 800,
		settings:
		{	slidesToShow: 4
		}
    }]
});

// Gallery
$(function(){
	$(".photo-gallery").colorbox({
		rel: 'slideshow1',
		slideshow: false,
		maxWidth: "85%",
		maxHeight: "75%",
		opacity: 0.8,
		previous: "", next: "", close: "&#215; CLOSE"
	});

	$(".dish.pc").colorbox({
		rel: 'dish_pc',
		slideshow: false,
		maxWidth: "85%",
		maxHeight: "75%",
		opacity: 0.8,
		previous: "", next: "", close: "&#215; CLOSE"
	});

	$(".dish.smt").colorbox({
		rel: 'dish_smt',
		slideshow: false,
		maxWidth: "85%",
		maxHeight: "75%",
		opacity: 0.8,
		previous: "", next: "", close: "&#215; CLOSE"
	});


	//colorboxスワイプ切り替え
  $('#colorbox').on('touchstart', onTouchStart); //指が触れたか検知
  $('#colorbox').on('touchmove', onTouchMove); //指が動いたか検知
  $('#colorbox').on('touchend', onTouchEnd); //指が離れたか検知
  var direction, position;

  //スワイプ開始時の横方向の座標を格納
  function onTouchStart(event) {
    position = getPosition(event);
    direction = ''; //一度リセットする
  }

  //スワイプの方向（left／right）を取得
  function onTouchMove(event) {
    if (position - getPosition(event) > 70) { // 70px以上移動しなければスワイプと判断しない
      direction = 'left'; //左と検知
    } else if (position - getPosition(event) < -70){  // 70px以上移動しなければスワイプと判断しない
      direction = 'right'; //右と検知
    }
  }

  function onTouchEnd(event) {
    if (direction == 'right'){
      $.colorbox.next();
    } else if (direction == 'left'){
      $.colorbox.prev();
    }
  }

  //横方向の座標を取得
  function getPosition(event) {
    return event.originalEvent.touches[0].pageX;
  }
});

$(function(){
	$(".plan-include-info").colorbox({
		maxWidth: "90%",
		maxHeight: "75%",
		width: "900px",
		opacity: 0.8,
		inline: true,
		transition: "fade",
		className: "variant2",
		close: ""
	});
});

// Change tabs
function toggle4tabs(passedNum){
	if( document.getElementById("plan-subsections") ){
		for (i=0;i<document.getElementById("plan-subsections").getElementsByTagName("section").length;i++){
			document.getElementById("plan-subsections").getElementsByTagName("section")[i].className = "";
			for(j=0;j<document.getElementsByClassName("plan-4tabs").length;j++){
				document.getElementsByClassName("plan-4tabs")[j].getElementsByClassName("plan-4tabs-btns")[0].getElementsByTagName("a")[i].className = "";
			}
		}
		document.getElementById("plan-subsections").getElementsByTagName("section")[passedNum].className = "active";
		for(j=0;j<document.getElementsByClassName("plan-4tabs").length;j++){
			document.getElementsByClassName("plan-4tabs")[j].getElementsByClassName("plan-4tabs-btns")[0].getElementsByTagName("a")[passedNum].className = "active";
		}
	}
}

// Bottom buttons
$(window).on('load resize', function(){
	if( document.getElementById("plan-subsections") ){
		$('#plan-4tabs-smt').removeClass("active");
		$('#plan-4tabs-smt').removeClass("bottom");
		$('.page_bottom_links').removeClass("plan-adjust");
		smtCTRLposY = $('#plan-4tabs-smt').offset().top - $(window).height();
	}
});

$(window).on('load scroll', function(){
	if( document.getElementById("plan-subsections") ){

		//if($(window).scrollTop() > $('#plan-subsections').offset().top - 300)
		if($(window).scrollTop() > 1){
			$('#plan-4tabs-smt').addClass("active");
			$('.page_bottom_links').addClass("plan-adjust");
		}
		else{
			$('#plan-4tabs-smt').removeClass("active");
			$('.page_bottom_links').removeClass("plan-adjust");
		}

		if( $(window).width() < 784 ){
			if($(window).scrollTop() > smtCTRLposY){
				$('#plan-4tabs-smt').addClass("bottom");
				$('.page_bottom_links').removeClass("plan-adjust");
			}
			else{
				$('#plan-4tabs-smt').removeClass("bottom");
			}
		}
	}
});

//Schedule switch
function scheduleSwitch(passedID,passedNum){
	for(i=0;i<document.getElementById(passedID).getElementsByClassName("plan-schedule-wrap").length;i++){
		document.getElementById(passedID).getElementsByClassName("plan-schedule-wrap")[i].setAttribute("hidden","true");
		document.getElementById(passedID + "-ctrl").getElementsByTagName("a")[i].className="";
	}
	document.getElementById(passedID).getElementsByClassName("plan-schedule-wrap")[passedNum].removeAttribute("hidden");
	document.getElementById(passedID + "-ctrl").getElementsByTagName("a")[passedNum].className="active";
}

/* add 180308 */
$(window).load(function(){

  var windowWidth = $(window).width(),
      targetWidth = 801,
      anchorscroll = 0,
      showTop = 300,
      $targetTabs = $('#plan-4tabs-main');

  if (windowWidth >= targetWidth) {

    /* pc */
    if($targetTabs.length){
	    $targetTabs.fadeOut(0);
	    $(window).on('load scroll resize',function(){

	      if($(window).scrollTop() >= showTop){
	        $targetTabs.fadeIn(0);
	        $('body').addClass('scroll');

	      } else if($(window).scrollTop() < showTop){
	        $targetTabs.fadeOut(0);
	        $('body').removeClass('scroll');
	      }
	    });
	  }

  }

});

function movie_start(ID,youtubeCODE){
	$(ID).parent().html('<div class="plan-gallery-video"><iframe id="youTubeMovie" src="https://www.youtube.com/embed/' + youtubeCODE + '?autoplay=1&rel=0&modestbranding=1&showinfo=0&controls=1&loop=0" allowfullscreen></iframe></div>');
}