$(function(){
	$('.smbw-section:nth-of-type(1) > div, .smbw-ba-badge-chara').addClass('secanm');
});
$(function(){
	$('p, h2, h3, h4, dl, dt, dd, li, a, .smbw-ba-badge-slider, .smbw-ba-special-movie', $('.smbw-section > div')).each(function(){
		addScrollEvent($(this), function(node){
			$(node).addClass('secanm');
		});
	});
});

$(function(){
    const initSlider = function() {
        const title = $('.smbw-ba-badge-slider-title');

        const itemSlider = $('.smbw-ba-badge-slider-item');

        itemSlider.addClass('swiper');
        $('.smbw-ba-badge-slider-item-inner', itemSlider).addClass('swiper-wrapper');
        $('.smbw-ba-badge-slider-item-inner > dl', itemSlider).addClass('swiper-slide');

        const itemSwiper = new Swiper(itemSlider[0], {
            slidesPerView: 'auto',
            spaceBetween: 25,

            breakpoints: {
            }
        });

        const movieSlider = $('.smbw-ba-badge-slider-movie-inner');

        movieSlider.addClass('swiper');
        $('> ul', movieSlider).addClass('swiper-wrapper');
        $('> ul > li', movieSlider).addClass('swiper-slide').each(function(idx){
			$(this).attr('data-slide-idx', idx);
		});

        const movieSliderNav = $('.smbw-ba-badge-slider-movie-nav');

        const movieSwiper = new Swiper(movieSlider[0], {
            loop: true,
            centeredSlides: true,
            slidesPerView: 'auto',
            spaceBetween: '6%',

            navigation: {
                nextEl: $('.smbw-ba-badge-slider-movie-nav-next', movieSliderNav)[0],
                prevEl: $('.smbw-ba-badge-slider-movie-nav-prev', movieSliderNav)[0],
            },

            breakpoints: {
                1600: {
                    spaceBetween: 150,
                },
                960: {
                    spaceBetween: ((150 / 1600) * 100) + '%',
                },
            },
            thumbs: {
                swiper: itemSwiper
            }
        });

        movieSwiper.on('slideChangeTransitionStart', function () {
            const idx = $('.swiper-slide-active', movieSlider).attr('data-slide-idx');
            itemSwiper.slideTo(idx);

            $('> li', title).removeClass('on');
            $('> li', title).eq(idx).addClass('on');
        });

        var slideChange = function(){
            $('.smbw-ba-badge-movie-inner', movieSlider).each(function(){
	            $(this).removeClass('on');
                var video = $('video', this)[0];
                video.pause();
                video.muted = true;
                video.currentTime = 0;
                $(video).off('play').off('ended');
            });
		};
        movieSwiper.on('slideChange', slideChange);

		var te_timer = null;
		var slideChangeTransitionEnd = function () {
            var videoNode = $('.swiper-slide-active .smbw-ba-badge-movie-inner', movieSlider);
            var slide_idx = parseInt(videoNode.closest('[data-slide-idx]').attr('data-slide-idx'));
            var video = $('video', videoNode);
            clearTimeout(te_timer);
            te_timer = setTimeout(function(){
	            video.on('play', function(){
		            videoNode.addClass('on');
	            });
	            video.get(0).currentTime = 0;
	            video.get(0).loop = false;
	            video.get(0).play();
	            video.off('ended').on('ended', function(){
		            videoNode.removeClass('on');
						$('.smbw-ba-badge-slider-movie-nav-next', movieSliderNav).click();
				});
	        }, 500);
			itemSwiper.slideTo(slide_idx);
        };
        movieSwiper.on('slideChangeTransitionStart', slideChangeTransitionEnd);
        slideChange();
        slideChangeTransitionEnd();




    };

    initSlider();
});