/* WOW.js */
// if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){new WOW().init();};
// var wow = new WOW({
//     // mobile: false,
//     live: true,
// });
// wow.init();

/* scrollUp */
$.scrollUp({
    scrollText: '',
});

/* fancybox */
$('.fancybox').fancybox();

function clearWowAnimated(obj) {
    $('.wow', obj).css({
        animationName: 'inherit',
        visibility: 'hidden',
    });
    wow.scrollHandler();
}

/* menu */
// $('.menu a').click(function () {
//     var ul = $(this).next('ul');
//     if (ul.length > 0) {
//         $('.menu ul ul').hide();
//         ul.parents().show();
//         ul.show();
//         return false;
//     }
// });
$('.menu-btn').click(function () {
    $('.menu').toggleClass('menu-show');
    return false;
});

/* home slides */
var homeSlides,
    homeSlideActive,
    homeSlideRun = false,
    homeSlideTouch = 0,
    homeSlideTouchDir = '',
    homeSlides = $('.home-slide');
if (homeSlides.length > 0) {
    homeSlideActive = homeSlides.index($('.home-slide-active'));

    /* business */
    $('.business-item')
        .on('mouseenter', function () {
            if ($(window).width() <= 768) return;
            $('.slide-bg', this).animate({ opacity: 0 });
            var video = $(this).find('video').first()[0];
            if (video) {
                video.currentTime = 0;
                video.play();
            }
        })
        .on('mouseleave', function () {
            if ($(window).width() <= 768) return;
            $('.slide-bg', this).animate({ opacity: 1 });
            var video = $(this).find('video').first()[0];
            if (video) video.pause();
        });

    /* swiper */
    //swiper-banner
    var swiperBanner = new Swiper('.swiper-banner', {
        loop: true,
        autoplay: {
            delay: 6000,
            disableOnInteraction: false,
        },
        // pagination: {
        //     el: '.swiper-pagination-banner',
        //     clickable: true,
        // },
        navigation: {
            nextEl: '.swiper-banner-next',
            prevEl: '.swiper-banner-prev',
        },
        on: {
            slideChangeTransitionStart: function (swiper) {
                var cur = swiper.slides[swiper.activeIndex];
                clearWowAnimated(cur);
            },
        },
    });
    //swiper-business
    var swiperNews = new Swiper('.swiper-business', {
        slidesPerView: 1,
        spaceBetween: 0,
        breakpoints: {
            768: {
                slidesPerView: 3,
            },
        },
    });
    //swiper-news
    var swiperCare = new Swiper('.swiper-news', {
        slidesPerView: 1,
        spaceBetween: 50,
        breakpoints: {
            768: {
                slidesPerView: 3,
            },
        },
    });
    //swiper-care
    var swiperCare = new Swiper('.swiper-care', {
        loop: true,
        slidesPerView: 1,
        spaceBetween: 40,
        breakpoints: {
            768: {
                slidesPerView: 2,
            },
        },
		navigation: { nextEl: '.swiper-care-next', prevEl: '.swiper-care-prev' },
    });

    for (var i = 0; i < homeSlides.length; i++) {
        $('.home-pagination').append('<div class="pagination-bullet" data-index="' + i + '"><span>' + homeSlides.eq(i).data('name') + '</span></div>');
    }
    $('.home-pagination .pagination-bullet')
        .click(function () {
            if (!homeSlideRun) homeSlidesAnimate(parseInt($(this).data('index')));
        })
        .eq(homeSlideActive)
        .addClass('pagination-bullet-active');

    $(window)
        .on('scroll', function (e) {
            var strengthCountUp = $('#strength-count-up');
            if (!strengthCountUp.prop('count-to') && $(window).scrollTop() > strengthCountUp.offset().top - $(window).height()) {
                strengthCountUp.prop('count-to', true);
                fdyCountup.start();
                jnjpco2Countup.start();
                jnjpso2Countup.start();
                zjrlCountup.start();
                jybjmCountup.start();
                dxzsCountup.start();
            }
        })
        .on('touchstart', function (e) {
            // e.preventDefault();
            if (homeSlideRun) return;

            homeSlideTouchDir = '';
            homeSlideTouch = e.originalEvent.changedTouches[0].pageY;
        })
        .on('touchmove', function (e) {
            e.preventDefault();
            if (homeSlideRun) return;

            var disY = e.originalEvent.changedTouches[0].pageY - homeSlideTouch;

            if (disY > 40) {
                homeSlideTouchDir = 'down';
                homeSlidesAnimate(homeSlideActive - 1);
            } else if (disY < -40) {
                homeSlideTouchDir = 'up';
                homeSlidesAnimate(homeSlideActive + 1);
            }
        })
        .on('mousewheel', function (event) {
            if (homeSlideRun) return;

            if (event.deltaY < 0 && event.deltaY > -2) {
                homeSlidesAnimate(homeSlideActive + 1);
            } else if (event.deltaY > 0 && event.deltaY < 2) {
                homeSlidesAnimate(homeSlideActive - 1);
            }
        })
        .on('keydown', function (event) {
            if (homeSlideRun) return;
            console.log(event.keyCode);
            if (event.keyCode == 38 || event.keyCode == 33) {
                homeSlidesAnimate(homeSlideActive - 1);
            } else if (event.keyCode == 40 || event.keyCode == 34) {
                homeSlidesAnimate(homeSlideActive + 1);
            }
        });

    function homeSlidesAnimate(index) {
        if ($(window).width() <= 768) return;
        if (index == homeSlideActive) return;
        homeSlideRun = true;

        if (index < 0) index = homeSlides.length - 1;
        if (index >= homeSlides.length) index = 0;

        var slide = homeSlides.eq(homeSlideActive)[0];
        var next = homeSlides.eq(index)[0];

        // console.log(index);
        homeSlideTween(index, slide, next);
        homeSlideActive = index;

        $('.home-pagination .pagination-bullet-active').removeClass('pagination-bullet-active');
        $('.home-pagination .pagination-bullet').eq(homeSlideActive).addClass('pagination-bullet-active');
    }

    function homeSlideChange(index) {
        if (index == 0) swiperBanner.slideTo(1, 0);
        else if (index == 1) {
            fdyCountup.start();
            jnjpco2Countup.start();
            jnjpso2Countup.start();
            zjrlCountup.start();
            jybjmCountup.start();
            dxzsCountup.start();
        } else if (index == 4) swiperCare.slideTo(2, 0);
    }

    function homeSlideTween(index, slide, next) {
        homeSlideChange(index);
        clearWowAnimated(next);
        TweenMax.killAll();
        TweenMax.to(next, 0, { scale: 1, x: 0, y: 0, top: 0, left: 0, zIndex: 999 });

        // slide.css({ x: 0, y: 0, top: '100%', left: 0, zIndex: 999 });
        // next.css({ x: 0, y: 0, top: 0, left: 0, zIndex: 1000 });
        // homeSlideRun = false;
        // wow.scrollHandler();

        var rnd = Math.floor(Math.random() * 4 + 1);
        if ($(window).width() <= 768) rnd = homeSlideTouchDir == 'up' ? 3 : homeSlideTouchDir == 'down' ? 4 : rnd;

        switch (rnd) {
            case 2:
                TweenMax.to(slide, 0.8, {
                    x: $(window).width(),
                    onComplete: function () {
                        homeSlideEnd(slide, next);
                    },
                });
                break;
            case 3:
                TweenMax.to(slide, 0.3, {
                    scale: 0.8,
                    onComplete: function () {
                        TweenMax.to(slide, 0.8, {
                            y: -$(window).height(),
                            onComplete: function () {
                                homeSlideEnd(slide, next);
                            },
                        });
                    },
                });
                break;
            case 4:
                TweenMax.to(slide, 0.3, {
                    scale: 0.8,
                    onComplete: function () {
                        TweenMax.to(slide, 0.8, {
                            y: $(window).height(),
                            onComplete: function () {
                                homeSlideEnd(slide, next);
                            },
                        });
                    },
                });
                break;
            default:
                TweenMax.to(slide, 0.8, {
                    x: -$(window).width(),
                    onComplete: function () {
                        homeSlideEnd(slide, next);
                    },
                });
                break;
        }
    }

    function homeSlideEnd(slide, next) {
        TweenMax.to(next, 0, { zIndex: 1000 });
        TweenMax.to(slide, 0, { zIndex: 999 });
        homeSlideRun = false;
    }
}

/* header */
(function (selecter) {
    var el = $(selecter);
    if (el.length == 0) return;
    var bannerTop = $('.banner').height();

    if ($(window).width() <= 768) {
        bannerTop -= $('.header').outerHeight();
    }

    $(window).on('scroll resize', function (e) {
        var winTop = $(window).scrollTop();

        if (winTop >= bannerTop) {
            el.addClass('on');
        } else {
            el.removeClass('on');
        }
    });
})('.header');

/* sub */
(function (selecter) {
    var nav = $(selecter);
    if (nav.length == 0) return;
    var navTop = nav.offset().top;

    if ($(window).width() <= 768) {
        navTop -= $('.header').outerHeight();
    }

    // $(window).on('resize', function (e) {
    //     navTop = nav.offset().top;
    // });

    $(window).on('scroll resize', function (e) {
        var winTop = $(window).scrollTop();
        if (winTop >= navTop) {
            nav.addClass('on');
        } else {
            nav.removeClass('on');
        }
    });

    $('a', nav).on('click', function () {
        var href = $(this).attr('href');
        if (href.indexOf('#') >= 0) {
            var id = href.substring(href.indexOf('#'));
            var duration = Math.ceil(Math.abs($(id).offset().top - $(window).scrollTop()) / 8);
            var top = Math.ceil($(id).offset().top);
            var height = $(id).height();
            var winHeight = $(window).height();
            if (height < winHeight - 80) top -= Math.ceil((winHeight - height) / 2) - 80;
            $.scrollTo(top, duration);
            return false;
        }
        return true;
    });
})('.sub .navbar:first');

// $('.sub .channels').sticky({ topSpacing: 0 });