'use strict';

function throlle(fn, delay) {
    delay || (delay = 100);
    var timeout = null,
		startime = new date();
    cleartimeout(timeout);
    return function () {
        var endtime = new date();
        if (endtime - startime < delay) {
            timeout = settimeout(function () {
                fn();
                startime = endtime;
            }, delay);
        } else {
            fn();
        }
    }
}


var _rootwindow = $(window);

var header = {
    navbox: $('.header-navigation'),
    opennavigation: function () {
        $('.menu-btn').click(function () {
            $('body').addclass('open');
            $('.header-bg').fadein();
        });
    },
    closenavigation: function () {
        $('.close-navigation,.header-bg').click(function () {
            $('body').removeclass('open');
            $('.header-bg').fadeout();
        })
    },
    __init: function () {
        header.opennavigation();
        header.closenavigation();
    }
}

var footer = {
    btobj: $('.back-top'),
    showbacktop: function () {
        $(window).scroll(function () {
            if ($(this).scrolltop() > 100) {
                footer.btobj.removeclass('opa');
            } else {
                footer.btobj.addclass('opa');
            }
        })
    },
    backtopanimate: function () {
        footer.btobj.on('click', function () {
            $('html,body').animate({ 'scrolltop': 0 });
        });
    },
    __init: function () {
        footer.showbacktop();
        footer.backtopanimate();
    }
}

$(function () {
    var wow = new wow({
        boxclass: 'wow',
        animateclass: 'animated',
        offset: 0,
        mobile: true,
        live: true
    });

    $('img.lazyload').lazyload({
        threshold: 200,
        effect: 'fadein'
    });

    wow.init();
    header.__init();
    footer.__init();

    var headerbox = $('.header'),
    	headerheight = headerbox.height();
    var hp = 0, ht = 0, bodyele = $('body');
    _rootwindow.scroll(function () {
        if (!bodyele.hasclass('open')) {
            var winstop = hp = _rootwindow.scrolltop();
            if (winstop > headerheight) {
                bodyele.addclass('pagescroll');
            }

            if (ht > hp || winstop <= headerheight) {
                bodyele.removeclass('pagescroll');
            }
        }

        settimeout(function () { ht = hp; }, 0);
    });

})

function closevideo() { var vidobj = document.getelementbyid('vid-guide'); vidobj.pause(); $('.index-guide__video').fadeout(); } $(function () {
    var ibslick = null; ibslick = $('.index-banner').slick({
        dots: false,
        arrows: false,
        fade: true,
        infinite: true,
        speed: 2000,
        slidestoshow: 1,
        autoplay: true,
        autoplayspeed: 3000,
        pauseonhover: false,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    autoplay: true
                }
            }
        ]
    });
    function ibvideoaddclass() {
        if ($(window).width() <= 1024) {
            $('.index-banner .slick-slide').each(function () {
                var that = $(this),
                    eqindex = that.index();
                if (that.find('.ib-video').length > 0) {
                    ibslick.slick('slickremove', eqindex);
                }
            })
        }
    }
    ibvideoaddclass();
    $('.mr-back').click(function () {
        ibslick.slick('slickprev');
    });
    $('.mr-next').click(function () {
        ibslick.slick('slicknext');
    })
    ibslick.on('afterchange', function (event, slick, currentslide, nextslide) {
        $('.slick-initialized .slick-slide').removeclass('slick-opa');
        $('.slick-current').addclass('slick-opa');
        if ($('.slick-current').find('.ib-video').length > 0) {
            var vidobj = $('.slick-current').find('.ib-video video')[0];
            vidobj.play();
        }
    });
    $('body').mousewheel(function (event, delta, deltax, deltay) {
        if (delta >= 1) {
            $('.slick-initialized .slick-slide').removeclass('slick-opa');
            $('.slick-current').addclass('slick-opa');
        } else {
            $('.slick-current').removeclass('slick-opa');
        }
    });
    if ($(window).width() >= 1024) {
        $('.home-bg').addclass('trans');
        settimeout(function () {
            $('.slick-current').addclass('slick-opa');
        }, 600);
    };
})