// JavaScript Document

$(function(){
    $(".banner, .banner_box").addClass("on");
	var swiper1 = new Swiper(".banner", {
		autoplay: {
			delay: 6000,
			stopOnLastSlide: !1,
			disableOnInteraction: !1
		},
		loop: !0,
		paginationClickable: !0,
		navigation: {
			nextEl: '.banner .next',
			prevEl: '.banner .prev',
		},
		pagination: {
			el: '.banner .dots',
			clickable: true,
			bulletActiveClass: 'active',
            renderBullet: function (index, className) {
                return '<span class="' + className + '"><i>0' + (index + 1) + '</i></span>';
            },
		},
		on: {
			slideChangeTransitionStart: function(swiper) {
                $('.banner .banner-pro').removeClass('ani');
				var swiper = this;
				if ($(".banner .swiper-slide-active video").length > 0) {
					swiper.autoplay.stop();
					setTimeout(function() {
						swiper.autoplay.stop();
						$(".banner .swiper-slide-active video").attr("id", "video_01");
						var _video = document.getElementById("video_01");
						_video.play();
						_video.currentTime = 0;
						_video.volume = 0;
						_video.addEventListener('ended',
						function() {
							swiper.slideNext();
							swiper.autoplay.start()
						})
					},
					10)
				}
			},
			slideChangeTransitionEnd: function(swiper) {
                $('.banner .banner-pro').addClass('ani');
				setTimeout(function() {
					$(".banner .swiper-slide-active video").attr("id", "")
				},
				10)
			},
		}
	});

    var swiper2 = new Swiper('.list1Box', {
        effect: "fade",
        fadeEffect: {
            crossFade: !0
        },
        loop: true,
        autoplay: {
            delay: 6000,
            stopOnLastSlide: !1,
            disableOnInteraction: !1
        },
        paginationClickable: !0,
        pagination: {
            el: '.list1Box .dots',
            type: 'fraction',
            clickable: true,
        },
    });

    var swiper3 = new Swiper('.list4Box', {
        speed: 500,
        spaceBetween:0,
        watchOverflow: true,
        loop:true,
        observer: true, 
        observeParents: true,
        lazy: {loadPrevNext: true},
        effect : 'fade',fadeEffect: {crossFade: true},
        navigation: { nextEl: '.list4Box .next', prevEl: '.list4Box .prev', },
        noSwiping: true,
        noSwipingClass: 'no-swi',
        
    });
    $(".list5 li").hover(function(){
        var index = $(this).index();
        
    });

    var swiper4 = new Swiper('.list6Box', {
        effect: "fade",
        fadeEffect: {
            crossFade: !0
        },
        loop: true,
        autoplay: {
            delay: 6000,
            stopOnLastSlide: !1,
            disableOnInteraction: !1
        },
        navigation: { nextEl: '.list6Box .next', prevEl: '.list6Box .prev', },
    });

    

    var swiper5 = new Swiper('.list9Box', {
        autoplay: {
            delay: 6000,
            stopOnLastSlide: !1,
            disableOnInteraction: !1
        },
        effect: "fade",
        fadeEffect: {
            crossFade: !0
        },
        navigation: { nextEl: '.list9Box .next', prevEl: '.list9Box .prev', },
        
        paginationClickable: !0,
        pagination: {
            el: '.list9Box .dots',
            type: 'fraction',
            clickable: true,
        },
        scrollbar: {
            el: '.list9Box .swiper-scrollbar',
        },
    });

    var swiper5s = new Swiper('.list12Box', {
        autoplay: {
            delay: 6000,
            stopOnLastSlide: !1,
            disableOnInteraction: !1
        },
        effect: "fade",
        fadeEffect: {
            crossFade: !0
        },
        loop: true,
        paginationClickable: !0,
        pagination: {
            el: '.list12Box .dots',
            type: 'fraction',
            clickable: true,
        },
    });

    var swiper6 = new Swiper('.list15Box', {
        autoplay: {
            delay: 6000,
            stopOnLastSlide: !1,
            disableOnInteraction: !1
        },
        effect: "fade",
        fadeEffect: {
            crossFade: !0
        },
        loop: true,
        paginationClickable: !0,
        pagination: {
            el: '.list15Box .dots',
            clickable: true,
            bulletActiveClass: 'active',
        },
    });

    $(".list17 li").eq(0).addClass("on on1");
    $(".list17 li").hover(function() {
        $(this).stop().addClass("on");
        $(this).siblings().stop().removeClass("on");
    }, function() {
        $(this).stop().removeClass("on");
        $(".list17 li.on1").stop().addClass("on");
    });

    $(".list8 li").eq(0).addClass("on on1");
    $(".list8 li").hover(function() {
        $(this).stop().addClass("on");
        $(this).siblings().stop().removeClass("on");
    }, function() {
        $(this).stop().removeClass("on");
        $(".list8 li.on1").stop().addClass("on");
    });
});