$(function(){
	'use strict';
	
	//スムーズスクロール
	smoothScroll();
	
	//header
	headerSlide();
	
	//サムネイル画像切り替え
	imgChange();
	
	//スライダー
	slider();
	
	//レスポンシブ画像切り替え
	imgSwich();	
	
	//もっと読むボタン
	tglBlock();
	
	//リサイズ時実行用
	resize();
	
});

//リサイズ時実行用
function resize(){
	'use strict';
	
	var response = false;
	var resWidth = window.innerWidth;
	
	//リサイズで再実行
	$(window).on({
		'resize':function() {
			if (resWidth === window.innerWidth){return;}
			if (response !== false){clearTimeout(response);}
			response = setTimeout(function() {
				resWidth = window.innerWidth;
				
				//レスポンシブ画像切り替え
				imgSwich();
				
				//もっと読むボタンリセット用
				tglBlockReset();
				
			}, 0);
		}
	});
}


//header
function headerSlide(){
	'use strict';
	
	var head = '.js-headerInfo';
	var headH = 0;
	
	setInterval(function(){
		
		headH = parseFloat(-($(head).height() / 2));
		
		$(head).animate({'margin-top':headH},function(){
			$(head).removeAttr('style').children('li').eq(0).insertAfter($(head).children('li').eq(1));
		});
	},5500);
}

//もっと読むボタン
function tglBlock(){
	'use strict';
	
	var tglBlock = '.js-tgl-block';
	var tglInner = '.js-tgl-inner';
	var tglBtn = '.js-tgl-btn';
	var tglBtnWrap = '.js-tgl-btnWrap';
	var isOpen = 'is-open';
	var isClose = 'is-close';
	var openTxt = 'コメントを見る';
	var closeTxt = '閉じる';
	var closeH = 200;//SPで閉じたときの高さ
	var openH = Math.ceil($(tglInner).outerHeight(true) + 1);
		
	$(tglBtn).on('click',function(){
		openH = Math.ceil($(tglInner).outerHeight(true) + 1);
		
		if($(this).parents(tglBtnWrap).hasClass(isClose)){
			$(this).parents(tglBlock).animate({
				'height':openH
			},function(){
				$(this).find(tglBtnWrap).removeClass(isClose).addClass(isOpen).find(tglBtn).text(closeTxt);	
			});
		} else {
			$(this).parents(tglBtnWrap).removeClass(isOpen).addClass(isClose).parents(tglBlock).animate({
				'height':closeH
			},function(){
				$(this).find(tglBtn).text(openTxt);
			});
		}
		
	});
	
}
function tglBlockReset(){
	'use strict';
	var tglBlock = '.js-tgl-block';
	var tglInner = '.js-tgl-inner';
	var tglBtn = '.js-tgl-btn';
	var tglBtnWrap = '.js-tgl-btnWrap';
	var isOpen = 'is-open';
	var isClose = 'is-close';
	var openTxt = '開く';
	var closeTxt = '閉じる';
	var openH = Math.ceil($(tglInner).outerHeight(true) + 1);
	
	var resWidth = window.innerWidth;
	
		if(resWidth > 767){
			$(tglBtnWrap).removeClass(isOpen).addClass(isClose).parents(tglBlock).removeAttr('style').find(tglBtn).text(openTxt);	
		} else　{
			if($(tglBtnWrap).hasClass(isClose)){
				$(tglBlock).removeAttr('style').find(tglBtn).text(openTxt);
			} else {
				$(tglBlock).css('height',openH).find(tglBtn).text(closeTxt);
			}
		}

}
	
//スムーズスクロール
function smoothScroll(){
	'use strict';

	$(document).on('click', 'a[href^="#"]', function(e){
		e.preventDefault();
		var speed	= 1600;
		var href	= $(this).attr("href");
		var tgt		= $(href === "#" || href === "" ? 'html' : href);
		var pos		= tgt.offset().top;
		$("html, body").animate({scrollTop:pos}, speed, 'easeOutExpo');
		return false;
	});
}

//サムネイル画像切り替え
function imgChange(){
	'use strict';
	
	var src = null;
	var srcRep = null;
	var srcStock = [];
	var imgMain = '.js-imgChange-main';
	var imgMainLen = $(imgMain).length;
	var i = 0;
	var flag = true;
	
	while(i<imgMainLen){
		srcStock.push($(imgMain).eq(i).attr('src'));
		i++;
	}
	$(document).on('touchend',function(){
		if($(this).hasClass('js-imgChange-thumb')){
		 flag = false;
		}
		i = 0;
		while((i<imgMainLen) && (flag)){
			$(imgMain).eq(i).attr('src',srcStock[i]);
			i++;
		}
	});
	
	$('.js-imgChange-thumb').on({
		'touchend':function(e){
			e.stopPropagation();
		},
		'mouseenter':function(){
			src = $(this).parents('.js-imgChange-wrap').find('.js-imgChange-main').attr('src');
			srcRep = src.replace(/large00/g,'large0' + (parseInt($(this).index()) + 1));
			$(this).parents('.js-imgChange-wrap').find('.js-imgChange-main').attr('src',srcRep);
		},
		'mouseleave':function(){
			$(this).parents('.js-imgChange-wrap').find('.js-imgChange-main').attr('src',src);
		}
	});
}

	
//スライダー
function slider(){
	'use strict';
	
	if($('.js-slider-main').length){
		$('.js-slider-main').slick({
			slidesToShow: 1, //スライドが見える数
			slidesToScroll: 1, //スライドがスクロールする数
			infinite: true, //無限スクロール
			autoplay: true,
			autoplaySpeed: 4000,
			draggable: true, //マウスドラッグでのスクロール
			pauseOnHover:false,
			asNavFor: '.js-slider-nav',
			prevArrow: $('.js-slider-prev'),
			nextArrow: $('.js-slider-next'),
		 });
		 $('.js-slider-nav').slick({
			slidesToShow: 5,
			slidesToScroll: 1,
			asNavFor: '.js-slider-main',
			focusOnSelect: true,
		 });

	}
}


//レスポンシブ画像切り替え
function imgSwich(){
	'use strict';
	
	var resWidth = window.innerWidth;
	
	if(resWidth > 767){
		$('.js-imgChange').each(function(){
			$(this).attr('src',$(this).attr('src').replace('_sp.', '_pc.'));
		});
	} else　{
		$('.js-imgChange').each(function(){
			$(this).attr('src',$(this).attr('src').replace('_pc.', '_sp.'));
		});
	}
	
}