// LazyLoad用
$(function(){
	$('img[data-src]').addClass('lazyload');
	lazySizesConfig.srcAttr = 'data-src';
});

// sliderHero
$(function(){
	// PC
	var settingsHeroPc = {
		loop: true,
		speed: 1000,
		effect: "fade",
		fadeEffect: {
			crossFade: true
		},
		autoplay: {
			delay: 4500,
			disableOnInteraction: false,
		},
		pagination: {
			el: '#sliderHero .swiper-pagination',
			clickable: true,
		},
	}
	initSlider('#sliderHero',settingsHeroPc, 1);
});

// スライダーを初期化（引数minSlidesSpは省略可）
function initSlider(elementName, settings ,minSlides, minSlidesSp){
	// 自動で初期化しないオプションを追加
	settings.init = false;
	// IEでobject-fitの画像の場合は画像の遅延読み込みを無効に設定
	var userAgent = window.navigator.userAgent.toLowerCase();
	var enabledLazy = true;
	var objectFitClass = 'imgCover2';
	if(userAgent.indexOf('msie') != -1 || userAgent.indexOf('trident') != -1) {
		// IEの場合
		if($(elementName + ' .' + objectFitClass).length > 0){
			// objext-fitの場合
			enabledLazy = false;
		}
	}
	// スライダーの画像の遅延読み込みを設定
	if(enabledLazy){
		settings.lazy = {loadPrevNext: true};
		$(elementName + ' img[data-src]').addClass('swiper-lazy').removeClass('lazyload');
	}
	// スライダーの変数を設定
	var slider = new Swiper(elementName + ' .swiper-container', settings);
	// スマホの最小のスライド枚数を設定
	if(minSlidesSp != undefined && sizeSp){
		minSlides = minSlidesSp;
	}
	// 最小のスライド枚数よりスライド枚数が多いか判定
	if(getSliderCount(elementName) > minSlides){
		// スライダーを初期化
		try{ slider.init(); }catch(e){}
	}else{
		// スライダーのパーツを非表示
		$(elementName + ' .swiper-button-prev,' + elementName + ' .swiper-button-next,' + elementName + ' .swiper-pagination').css({'cssText': 'display: none !important;'});
		$(elementName).addClass('disabled');
		if(enabledLazy){
			$(elementName).find('.swiper-lazy').removeClass('swiper-lazy').addClass('lazyload');
		}
	}
	return slider;
}

// スライダーの枚数をカウント
function getSliderCount(elementName){
	return $(elementName + ' .swiper-slide:not(.swiper-slide-duplicate)').length;
}

// secTab
$(function(){
	$('.secTab a').on('click',function(){
		$('.secTab li').removeClass('active');
		$(this).parent().addClass('active');
		if($('.secTab .itemCat').hasClass('active')){
			$('.secTab .boxList').removeClass('bgDog').addClass('bgCat');
		}else{
			$('.secTab .boxList').removeClass('bgCat').addClass('bgDog');
		}
	});
});

$(function () {
    $('.tabBox .linkTab').on('click', function () {
        $('.tabBox .linkTab').removeClass('active');
        $(this).addClass('active');
        var index = $('.tabBox .item').index($(this).parent());
        $('.tabBox .wrapItem').hide();
        $('.tabBox .wrapItem:nth-child(' + (index + 1) + ')').show();
    });

    // $('.tabBox .wrapItem').each(function(index) {
    //     var sliderElement = '.tabBox .wrapItem:nth-child(' + (index + 1) + ')';
    //     var settingsPlan = {
    //         loop: true,
    //         speed: 1000,
    //         observer: true,
	// 		effect: 'fade',
	// 		fadeEffect: {
	// 			crossFade: true
	// 		},
    //         observeParents: true,
	// 		simulateTouch: true,
	// 		allowTouchMove: true,
    //         navigation: {
    //             nextEl: sliderElement + ' .swiper-button-next',
    //             prevEl: sliderElement + ' .swiper-button-prev',
    //         },
    //     }
    //     initSlider(sliderElement, settingsPlan, true, 1);
    // });
});

$(function() {
	// タブ切り替え
	$('.secTab .item').click(function() {
		var num = $('.secTab .item').index(this);
		$('.wrapItem').addClass('disnon');
		$('.wrapItem').eq(num).removeClass('disnon');
		$('.secTab .item').removeClass('on');
		$(this).addClass('on');
    });
    // タブ切り替え
	$('.tabSub li').click(function() {
		var num = $(this).parents('.tabSub').find('li').index(this);
		$(this).parents('.wrapItem').find('.sliderItem').removeClass('active');
		$(this).parents('.wrapItem').find('.sliderItem').eq(num).addClass('active');
		$(this).parents('.tabSub').find('li').removeClass('active');
		$(this).addClass('active');
    });
});