$(function(){
	//■■■■ 電話番号のスマホ対応 ■■■■
	if($('.tel_num')){
		$('.tel_num').each(function(){
			var $num = $(this).html(),
			$_num = $(this).text(),
			href = $_num.replace( /.*?(\d+).*?(\d+).*?(\d+)/g , "$1$2$3");
			if(navigator.userAgent.indexOf('iPhone') != -1 || navigator.userAgent.indexOf('Android') != -1){
					$(this).html("<a href='tel:" + href + "'>" + $num + "</a>");
			}
		});
	}

	//■■■■ ヘッダーの固定 ■■■■
	headerY = $('header').offset().top;
	$(window).on('load resize', function() {
		headerY = $('header').offset().top;
	});
	$(window).on('load scroll', function() {
		if( $(this).width() >= 784 ){
			if( $(this).scrollTop() > headerY ){
				$('header').css({ position: "fixed", marginTop: "0" });
				$('.main_image.top').css("margin-top", "100px");
			}else{
				$('header').css({ position: "relative", marginTop: "-100px" });
				$('.main_image.top').css("margin-top", "0");
			}
		}else{
			$('.main_image').css("margin-top", "0");
			if( $(this).scrollTop() > headerY ){
				$('.page_bottom_links').addClass('on');
				if( ($('body').height() - $('address').height() - $(this).height() - 60 ) < $(this).scrollTop() ){
					$('.page_bottom_links').css("-webkit-transform", "translate(0,-30px)");
					$('.page_bottom_links').css("transform", "translate(0,-30px)");
				}else{
					$('.page_bottom_links').css("-webkit-transform","translate(0,0)");
					$('.page_bottom_links').css("transform","translate(0,0)");
				}
			}else{
				$('.page_bottom_links').css("-webkit-transform","");
				$('.page_bottom_links').css("transform","");
				$('.page_bottom_links').removeClass('on');
			}
		}
	});

	//■■■■ スムーズアンカー ■■■■
	// #で始まるアンカーをクリックした場合に処理


	$('a[href^="\\#"]').on("click", function()
	{	if($(this).hasClass("no-scroll"))
		{	return;
		}
		// スクロールの速度
		var speed = 500; // ミリ秒
		// アンカーの値取得
		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;
	});

	//■■■■ ページトップ ■■■■
	var pagetop = $('#page-top');
	pagetop.hide();
	$(window).scroll(function() {
		if ($(this).scrollTop() > 200) {
			pagetop.fadeIn();
			if( ($('body').height() - $('footer').height() - $(this).height() - 90 ) < $(this).scrollTop() ){
				pagetop.css("bottom", ( $(this).scrollTop() - $('body').height() + $('footer').height() + $(this).height() + 90 ) + "px");
			}else{
				pagetop.css("bottom","20px");
			}
		} else {
			pagetop.fadeOut();
		}
	});

	//■■■■ スマホ メニューOPEN ■■■■
	$(".icon_headermenu, #header_links, .page_bottom_links .open_menu").on("click", function() {
		$("#header_links").slideToggle(300);
	});

	$("#header_links a").on("click",function(e){
		e.stopPropagation();
	});

	//■■■■ スマホフッターのメニューOPEN ■■■■
	$("footer nav h3").on("click", function() {
		if( $(window).width() < 784 ){
			$(this).next('div').slideToggle(300);
			if( $(this).hasClass('on') )  $(this).removeClass('on');
			else $(this).addClass('on');
		}
	});


	//■■■■ Windowサイズ切換 ■■■■
	$(window).resize(function(){
		if( $(this).width() >= 784 ){
			$("#header_links").css("display","block");
			$(".folder_links p").css("display","table-row");
		}else{
			$("#header_links").css("display","none");
			$(".folder_links p").css("display","none");
		}
	});

	//■■■■ folder_links ■■■■
	aTEXT = "";
	$(".folder_links a").each(function(){
		if( $(this).prop("href") ){
			url = $(this).prop("href");
			if( location.href == url ) $(this).addClass("on");
		}
	});

	$(".folder_links").each(function(){
		$(this).find("a").each(function(i){
			if( $(this).hasClass("on"))
			aTEXT = $(this).text();
		});
		if( aTEXT != ""){
			$(this).find("h3").text(aTEXT);
		}
	});

	$(".folder_links h3").on("click", function(){
		$(this).parent().find("p").slideToggle(300);
	});
	$(".folder_links a").on('click', function(){
		if( !$('this').hasClass('on') ){
			$(".folder_links a").removeClass('on');
			$(this).addClass('on');
			if( $(window).width() < 784 ){
				$(this).parent().parent().find('h3').text( $(this).text() );
				$(this).parent().slideToggle(300);
			}
		}

	});

	//■■■■ .banner_slides 切り換えセット ■■■■
	bannerID = new Array();
	$(".banner_slides").each(function(i){
		bannerCount[i] = $(this).find("li").length;
		bannerNow[i] = 0;
		bannerHTML[i] = $(this).find("ul").html();

		$ele = $(this);
		setBanner(i);

		if($(window).width < 800){
			$ele.find("ul").html( bannerHTML[i] + bannerHTML[i] );
			$ele.find("li").css("width", ( 50 / bannerCount[i] ) + "%");
		}

		$(window).resize(function(){
			setBanner(i);
			if($(window).width < 800){
				$ele.find("ul").html( bannerHTML[i] + bannerHTML[i] );
				$ele.find("li").css("width", ( 50 / bannerCount[i] ) + "%");
				setBanner(i);
			}else{
				$ele.find("ul").html( bannerHTML[i] );
				$ele.find("li").css("width", "33.3333%");
			}
		});

		for( j=0; j<bannerCount[i]; j++ ){
			if( $(this).find("li").eq(j).hasClass("on") ) nowLI[i] = j;
			$(this).find(".icons").html( $(this).find(".icons").html() + "<a href='javascript:bannerSlide(" + i + "," + j + ")'>&nbsp;</a>" );
		}
		$(this).find(".icons a").eq(0).addClass("on");
		$(this).find(".next").on("click",function(){
			bannerNext(i);
		});
		$(this).find(".prev").on("click",function(){
			bannerPrev(i);
		});
	});

	$(window).resize(function(){
		$(".banner_slides").each(function(i){
			setBanner(i);
		});
	});

	//ヘッダータブアクティブ化
	$("#wedding_site_tab").find('a').eq(0).addClass('on');

	//■■■■ .popup-banner ■■■■
	$('.popup-banner .close, .popup-banner').on('click', function(){
		$('.popup-banner').fadeOut(300);
	});
	$('.popup-banner > figure').on('click', function(e){
		e.stopPropagation();
	});

});

//■■■■ .banner_slides 切り換え関数 ■■■■
bannerCount = new Array();
bannerNow = new Array();
bannerHTML = new Array();

function setBanner(NUM){
	clearTimeout(bannerID[NUM]);
	if($(window).width() >= 800){
		bannerWidth = 33.3333;
		$(".banner_slides").eq(NUM).find(".icons, .next, .prev").hide();
		$(".banner_slides").eq(NUM).find("ul").css({
			width: "auto",
			marginLeft: "0"
		});
		$(".banner_slides").eq(NUM).find("li").css({
			width: "33.3333%"
		});
	}else{
		bannerWidth = 100;
		if( bannerCount[NUM] > 1 ){
			$(".banner_slides").eq(NUM).find(".icons, .next, .prev").show();
		}else{
			$(".banner_slides").eq(NUM).find(".icons, .next, .prev").hide();
		}
		$(".banner_slides").eq(NUM).find("ul").css({
			width: ( bannerWidth * bannerCount[NUM] * 2 ) + "%",
			marginLeft: - ( bannerWidth * bannerNow[NUM] * 2 ) + "%"
		});
		$(".banner_slides").eq(NUM).find("li").css({
			width: ( 50 / bannerCount[NUM] ) + "%"
		});
		bannerID[NUM] = setTimeout("bannerNext(" + NUM + ")", 5000);
	}
}

function bannerSlide(ele,NUM){
	clearTimeout(bannerID[ele]);
	bannerNow[ele] = NUM;
	$(".banner_slides").eq(ele).find("ul").animate({ marginLeft: - ( bannerWidth * NUM ) + "%" }, 500);
	$(".banner_slides").eq(ele).find(".icons a").removeClass("on");
	$(".banner_slides").eq(ele).find(".icons a").eq(NUM).addClass("on");
	bannerID[ele] = setTimeout("bannerNext(" + ele + ")", 5000);
}

function bannerNext(ele){
	if($(window).width() < 800){
		if( bannerNow[ele] >= bannerCount[ele] - 1 ){
			bannerSlide(ele,0);
		}else{
			bannerSlide(ele,bannerNow[ele]+1);
		}
	}
}
function bannerPrev(ele){
	if( bannerNow[ele] <= 0 ){
		bannerSlide(ele,bannerCount[ele] - 1);
	}else{
		bannerSlide(ele,bannerNow[ele]-1);
	}
}


// *******************************************************
//　　　Link On
// *******************************************************

DomainURL = "http://chillma.jp/";

function link_on(ID,FolderFlag){
	menu_list = document.getElementById(ID).getElementsByTagName("a");
	for(i=0; i<menu_list.length; i++){	//>
		if( FolderFlag ){
			if( location.href == DomainURL && menu_list[i].href == DomainURL ){
				menu_list[i].className = "on";
			}else if( location.href.indexOf(menu_list[i].href) != -1 && menu_list[i].href != DomainURL ){
				menu_list[i].className = "on";
			}
		}else{
			var location_url = location.href.match("(.+?)([\?#;].*)?$")[1];

			if( location_url == menu_list[i].href ){
				menu_list[i].className = "on";
				if(ID == "header_links"){
					menu_list[i].parentNode.style.display = "block";
				}
//				if(menu_list[i].parentNode.parentNode.getElementsByTagName("a")[0] && menu_list[i].href != "" ){
//					menu_list[i].parentNode.parentNode.getElementsByTagName("a")[0].className = "on";
//				}
			}
		}
	}
}






// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
//　　　汎用ポップアップ
// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

function w_open( URL , winX , winY ){
	window.open( URL ,"_blank","width=" + winX + ",height=" + winY + ",location=no,menubar=no,scrollbars=yes,status=no,toolbar=no");
}

// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
//　　　InstagramBtn
// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

document.addEventListener('DOMContentLoaded', function () {
	function checkBreakPoint() {
		var width = window.innerWidth;

		const instagramBtn = document.getElementById('fixed_instagram');
		let elmTop = document.getElementById('main_image');
		
		if (width < 890) {
			// SP向け

			if(document.getElementById('header-txt')){
				var htH = document.getElementById('header-txt').clientHeight;
			}else{
				var htH = 0;
			};

			if( document.getElementById('main_image') ){
				if( elmTop.classList.contains('top') == true ){
					var miH = 0;
				}else{
				var miH = document.getElementById('main_image').clientHeight;
				}
			}else{
				var miH = 0;
			};
			if( document.getElementById('header') ){
				var hdH = document.getElementById('header').clientHeight;
			}else{
				var hdH = 0;
			};
			let totalH = htH + miH + hdH;
			let spIconPosition = totalH + 10;
			instagramBtn.style.top = spIconPosition + 'px';
		} else {
			// PC向け

			if(document.getElementById('header-txt')){
				if( elmTop.classList.contains('top') == true ){
					var htH = document.getElementById('header-txt').clientHeight;
				}else{
					var htH = 0;
				}
			}else{
				var htH = 0;
			};
			if( document.getElementById('main_image') ){
				if( elmTop.classList.contains('top') == true ){
					var miH = 0;
				}else{
					
					var miH = document.getElementById('main_image').clientHeight;
				}
			}else{
				var miH = 0;
			};
			if( document.getElementById('header') ){
				if( elmTop.classList.contains('top') == true ){
					var hdH = document.getElementById('header').clientHeight;
				}else{
					var hdH = 0;
				}
			}else{
				var hdH = 0;
			};

			let totalH = htH + miH + hdH;
			let spIconPosition = totalH + 30;
			instagramBtn.style.top = spIconPosition + 'px';
			console.log(spIconPosition);
		}
	}

	// リサイズの監視
	window.addEventListener('resize', checkBreakPoint);

	// 初回チェック
	checkBreakPoint();
});