var script = function () {

    var $body = $('html,body');
    var winH = $(window).height();
    var winW = $(window).width();
    // var docH  = $(document).height();
    var $win = $(window);
    var scrollBottom = $(window).scrollTop() + $(window).height();
    var conH = $('.wrapper').height();
    var headerH = $('.myheader').height();



    $('.backtop2').click(function () {
        var $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
        $body.animate({
            scrollTop: 0
        }, 600);
    })


    /* slick ---------------------------------------------------*/

    $('.sec1 .slide').slick({
        dots: true,
        infinite: true,
        speed: 500,
        autoplay: true,
        autoplaySpeed: 3000,
    });

    /* aos ---------------------------------------------------*/

    AOS.init({
        offset: 0,
        duration: 500,
        easing: 'ease-in-out',
        once: true,
    });

    /* video ---------------------------------------------------*/

    $('.sec2 .iframe_box').click(function () {
        $(this).addClass("play");
        var _vid = $(this).data('yt');
        var _youtube = 'https://www.youtube.com/embed/';
        var _else = '?autoplay=1';

        $(this).find('.mainIframe').attr('src', _youtube + _vid + _else);
        $(this).attr('toggle', '1');
    });


    function video_play() {
        var _scroll = $win.scrollTop();

        $('.sec2 .iframe_box').each(function () {
            var _pos = $(this).offset().top;

            if (_scroll >= _pos - 200) {

                var _done = $(this).attr('toggle');

                if (_done == "0") {
                    $(this).addClass("play");
                    var _vid = $(this).data('yt');
                    var _mainid = $(this).data('id');
                    $(this).attr('toggle', '1');

                    var _youtube = 'https://www.youtube.com/embed/';
                    var _else = '?enablejsapi=1&autoplay=1';
                    $(this).find('.mainIframe').attr('src', _youtube + _vid + _else);

                    YouTube(_vid, _mainid);

                } else {}
            };
        });
    };

    $win.scroll(video_play);

    if (winW <= 768) {
        $('.sec2 .iframe_box').bind('touchend', function () {
            $(this).addClass("play");
            var _vid = $(this).data('yt');
            var _mainid = $(this).data('id');

            // var _youtube = 'https://www.youtube.com/embed/';
            // var _else = '?autoplay=1';
            // $(this).find('.mainIframe').attr('src', _youtube + _vid + _else);

            YouTube(_vid, _mainid);
            $(this).attr('toggle', '1');
        });
    }

    function YouTube(video_id, main_id) {
        var player;
        player = new YT.Player(main_id, {
            videoId: video_id, // YouTube 影片ID
            playerVars: {
                autoplay: 1, // 自動播放影片
                controls: 0, // 顯示播放器
                showinfo: 0, // 隱藏影片標題
                modestbranding: 0, // 隱藏YouTube Logo
                loop: 0, // 重覆播放
                playlist: 'YouTube ID', // 當使用影片要重覆播放時，需再輸入YouTube 影片ID
                fs: 0, // 隱藏全螢幕按鈕
                cc_load_policty: 0, // 隱藏字幕
                iv_load_policy: 3, // 隱藏影片註解
                // autohide: 0, // 影片播放時，隱藏影片控制列
                // rel: 0,
            },
            events: {
                onReady: function (e) {
                    // e.target.mute(); //播放時靜音
                    e.target.unMute();
                    e.target.getVolume(50);
                    e.target.playVideo(); //強制播放(手機才會自動播放，但僅限於Android)
                }
            }
        });
    }

    // YouTube(null, null);



    $('.sec4 .btnbox .bt.go').click(
        function () {
            var _online = $('#online').offset().top;

            TweenMax.to('body,html', .8, {
                scrollTop: _online - headerH,
                ease: Quart.easeOut
            });
        }
    );



    /* header fix ---------------------------------------------------*/

    var _topH = $('#static_header_gnb').outerHeight(true);

    function headerfix() {
        var _scroll = $win.scrollTop();

        if (_scroll >= _topH) {
            $('.myheader').addClass('fixed');
        } else {
            $('.myheader').removeClass('fixed');
            $('.myheader').css('background', '')
        }
    }
    $win.scroll(headerfix);



    /* 選單
    ------------------------------------------------------------*/

    // 重設
    function navde() {
        $('.burger').attr('toggle', '0');
        $('.burger').removeClass('isclick');

        $('.mynav').css('height', '');

        $('body').css({
            'overflow-y': '',
            'position': '',
            'height': ''
        });

        $('html').removeClass('overflow');

        if (winW <= 768) {
            $('.mynav').hide();
        } else {
            $('.mynav').show();
        }
    }
    navde();

    // 主選單
    function navfunc() {
        var navopen = $('.burger').attr('toggle');
        if (navopen == 0) {

            // $('.nav').css('height','100vh');
            $('.mynav').slideDown(50);

            $('body').css({
                'height': '100%',
                'overflow': 'hidden'
            });

            $('html').addClass('overflow');

            $('.burger').attr('toggle', '1');
            $('.burger').addClass('isclick');

            $('.myheader').css({
                'background-color': '#f9f9f9',
                'height': '100%'
            });


        } else if (navopen == 1) {

            $('.mynav').css('height', '');
            $('.mynav').slideUp(0);

            $('body').css({
                'overflow-y': '',
                // 'position': '',
                'height': ''
            });

            $('html').removeClass('overflow');

            $('.burger').attr('toggle', '0');
            $('.burger').removeClass('isclick');

            $('.myheader').css({
                // 'background-color': 'transparent',
                'height': ''
            });

        }
    }
    $('.burger').click(navfunc);




    /* page nav
    ------------------------------------------------------------*/

    var $sec = $('.sec');
    var hash = location.hash,
        href;

    /* page scroll */
    var thispage = 0;
    var pagescroll = true;
    var pageT = [],
        $sec = $('.sec'),
        $main = $('.wrapper'),
        // _mainTOP = $main.offset().top,
        ah = $main.outerHeight(true),
        pageName = ['kv', 'introduction', 'ecosystem', 'spevent', 'channel'];


    var _thispagescroll = pageName.indexOf(hash);




    // /* nav scroll --------------------------------------------*/

    /* page scroll */
    var thispage = 0;
    var pagescroll = true;
    var pageT = [],
        $sec = $('.sec'),
        $main = $('.wrapper'),
        ah = $main.outerHeight(true);
    // var _thispagescroll = pageName.includes(hash);



    var hash = location.hash;

    var $navbtn = $('.navbtn');

    // var navRe = function() {
    //     $('.btn_nav').removeClass('isclick');
    //     $('.nav').fadeOut();
    //     $('.nav .inner').removeClass('in');
    // }

    var pageReset = function () {
        pageT = [];
        winW = $win.width();
        ah = $main.outerHeight(true);
        $sec.each(
            function (i, obj) {
                var t = $(obj).offset().top;
                pageT.push(t);
                if (i == $sec.length - 1) {
                    pageT.push(ah);
                }
            }
        );

    }

    var menuselect = function () {
        $navbtn.removeClass('select');

        // console.log(thispage)

        pageReset();

        $('.navbtn[data-page="' + thispage + '"]').addClass('select');


        // if (thispage == 1) {
        //     $('.navbtn[data-unit="1"]').addClass('select');
        // }
        // if (thispage == 7) {
        //     $('.navbtn[data-unit="5"]').addClass('select');
        // }

        // if (thispage == 6 || thispage == 7 || thispage == 8) {
        //     $('.navbtn[data-unit="4"]').addClass('select');
        // }
        // if (thispage == 9 ) {
        //     $('.navbtn[data-unit="5"]').addClass('select');
        // }

        $('.myheader').css({
            // 'background-color': 'transparent',
            'height': ''
        });


    }

    var menuscroll = function (n) {
        var _pos;
        thispage = n;
        // if(thispage!==1){sliderclose();}
        pageReset();

        // if (winW <= _media) { $headerH = 47; } else { $headerH = 50; }
        // if (n !== 0) { _pos = $headerH; } else { _pos = 0; }

        TweenMax.to('body,html', .8, {
            scrollTop: pageT[thispage] - headerH,
            ease: Quart.easeOut
        });

        // if(thispage == 4){ sec5Pagechange();}
        // _menuopen = true;
        // menuClick();
    }

    var scrollPage = function (wt, whelf) {
        winH = $win.height();
        winW = $win.width();
        wt = $win.scrollTop();
        whelf = winH / 3;
        // _mainTOP = $main.offset().top;

        for (var p = 0; p < $sec.length; p++) {
            if (wt > pageT[p] - whelf && wt < pageT[p + 1] - whelf) {
                thispage = p;
            }
        }

        menuselect();

        href = pageName[thispage];
        window.location.hash = href;
    }

    var scrollthispage = function () {
        var _pos;
        _thispagescroll = pageName.indexOf(hash.substr(1));

        // console.log(_thispagescroll)

        pageReset();

        if (_thispagescroll != -1) {
            thispage = pageName.indexOf(hash.substr(1));

            pageReset();

            // if (winW <= _media) { $headerH = 47; } else { $headerH = 50; }
            // if (thispage !== 0) { _pos = $headerH; } else { _pos = 0; }
            if (thispage == 0) {
                TweenMax.to('body,html', .8, {
                    scrollTop: 0,
                    ease: Quart.easeOut
                });
            } else {
                TweenMax.to('body,html', .8, {
                    scrollTop: pageT[thispage] - headerH,
                    ease: Quart.easeOut
                });
            }

            menuselect();
            href = pageName[thispage];
            window.location.hash = href;
            pagescroll = false;
        } else {

            TweenMax.to('body,html', .8, {
                scrollTop: 0,
                ease: Quart.easeOut
            });

            // lbhref = window.location.hash.substr(1);
            // TweenMax.to('body,html', .8, { scrollTop: 0, ease: Quart.easeOut,onComplete:function()


        };

    }
    setTimeout(function () {
        scrollthispage()
    }, 300);

    $navbtn.click(
        function () {
            var n = $(this).data('page');
            // if($(this).attr('data-sec5list')) thisS5 = $(this).data('sec5list');
            menuscroll(n);

            navde();
            // if(winW<=1024){ navRe();}

            // if(_lb)lbClose();
            // _lb = true;
        }
    );

    /* lightbox
    ------------------------------------------------------------*/

    // var lightbox = function(){

    var $lb = $('.lb'),
        $lbbox = $('.lbbox');
    var _vdUrl = 'https://www.youtube.com/embed/'

    var lb_data;

    var lbOpen = function (lb_data) {

        var lbAni = new TimelineMax();
        lbAni.to($('.lb[data-lb="' + lb_data + '"]'), .5, {
                css: {
                    zIndex: 9999
                }
            })
            .to($('.lb[data-lb="' + lb_data + '"]'), .5, {
                autoAlpha: 1,
                ease: Linear.easeNone
            });

        $body.css({
            'overflow': 'hidden'
        })
    }

    var lbClose = function () {

        var lbCloseAni = new TimelineMax();
        lbCloseAni.to($('.lb'), .5, {
                autoAlpha: 0,
                ease: Linear.easeNone
            })
            .to($('.lb'), .5, {
                css: {
                    zIndex: -1
                }
            });

        $('.lb').find('.content').hide();

        // $('#youtuUrl').attr('src' ,'');

        $body.css({
            'overflow': ''
        })

    }

    $('.libtn').click(function () {
        var lbname = $(this).data('lb');

        lbOpen(lbname);

        return false;
    });


    $('.lb .btn_x').click(lbClose);

    $('body').click(function (e) {
        var _con = $('.lbbox'); // 设置目标区域
        if (!_con.is(e.target) && _con.has(e.target).length === 0) { // Mark 1
            lbClose();
        }
    });


    // }
    // lightbox();

    // $('body').click(function(e){
    //     var _con = $('.lbbox');   // 设置目标区域
    //     if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1
    //         lbClose();
    //     }
    // });













    /* resize
    ------------------------------------------------------------*/

    var _resize = function () {

        winW = $win.width();
        winH = $win.height();
        docH = $(document).height();
        _scroll = $(window).scrollTop();
        scrollBottom = $(window).scrollTop() + $(window).height();
        headerH = $('.myheader').height();

        navde();
        // if (pagescroll || winW > 1000) scrollthispage();

        // navfix();

    }
    $win.scroll(scrollPage);
    _resize();
    $win.resize(function () {

        // _resize();

    });





    var windowHeight = $(window).height();

    // Resize Event
    $(window).resize(function () {

        // Check window width has actually changed and it's not just iOS triggering a resize event on scroll
        if ($(window).width() != windowHeight) {

            // Update the window width for next time
            windowHeight = $(window).width();

            // Do stuff here
            _resize();
            // if (pagescroll || windowHeight > 768) scrollthispage();

        }

    });



};





$(function () {
    //$('.myheader').load('include/header.html');
    //$('.myfooter').load('include/footer.html');



    var imagesLoaded = loading();
    imagesLoaded.loadfunc();
    imagesLoaded.callback = function () {

        script();

    };

    // script();





});