/* Safari 『強制』禁止縮放
==================================================*/
document.documentElement.addEventListener('touchstart', function(e) {
    if (e.touches.length > 1)
        e.preventDefault();
}, false);
var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function(e) {
    var now = (new Date()).getTime();
    if (now - lastTouchEnd <= 300)
        e.preventDefault();
    lastTouchEnd = now;
}, false);







var script = function() {

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

    // console.log(headerH)


    console.log('location.href: ' + location.href);
    console.log('location.protocol: ' + location.protocol);
    console.log('location.hostname: ' + location.hostname);
    console.log('location.host: ' + location.host);
    console.log('location.pathname: ' + location.pathname);


    $('.gb-footer-2019__btn-top').click(function() {
        $body.animate({
            scrollTop: 0
        }, 600);
    })




    // var hash = location.hash;
 
    // if( $('#samsungpay').length ){
    //     var payPos = $('#samsungpay').offset().top;
    // }

    // function samsungpayscroll() {
    //     if( hash != '' && hash == '#samsungpay' ){
    //        TweenMax.to('body,html', .8, { scrollTop: payPos , ease: Quart.easeOut });
    //     }
    // }
    // samsungpayscroll();



    /* 銀行  --------------------------------------------*/

    $('.sec').each(function () {
        $(this).find('.warnbox').find('.titlebar').click(function () {
            $(this).toggleClass('isclick');
            if( $(this).hasClass('isclick') ){
                $(this).closest('.warnbox').find('.list').slideDown();
            }else{
                $(this).closest('.warnbox').find('.list').slideUp();
            }
        })
    })






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

    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', 'creditcard', 'noncard', 'sspay', 'galaxystore', 'sscare'];

    var _thispagescroll = pageName.indexOf(hash);

    
    // var thispage = 0;
    // var pagescroll = true;
    // var pageT = [],
    //     $sec = $('.sec'),
    //     $main = $('.wrapper'),
    //     ah = $main.outerHeight(true);

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


    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); }
            }
        );

        // console.log(pageT)  
    }

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

        pageReset();
        // if (winW>=1024){
        //     $('.navbtn[data-page="' + thispage + '"]').addClass('select'); 
        // }
        $('.navbtn[data-page="' + thispage + '"]').addClass('select');
    }

    var menuscroll = function(n) {
        var _pos;
        thispage = n;
        // if(thispage!==1){sliderclose();}
        pageReset();
        TweenMax.to('body,html', .8, { scrollTop: pageT[thispage], ease: Quart.easeOut });

        // console.log(pageT[thispage] , headerH)
    }

    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;
        // if (!$('.bank, .aps').length){
        //     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 (thispage == 0) {
                TweenMax.to('body,html', .8, { scrollTop: 0, ease: Quart.easeOut });
            } else {
                TweenMax.to('body,html', .8, { scrollTop: pageT[thispage] , ease: Quart.easeOut });
            }


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

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

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

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







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

    $('.allkv').slick({
        arrows: true,
        dots: true,
        autoplay: true
    });

    // $('.index .sec2 .slide').slick({
    //     slidesToShow: 5,
    //     centerMode: true,
    //     centerPadding: '0',
    //     arrows: true,
    //     appendArrows: true,
    //     responsive: [
    //         {
    //             breakpoint: 1025,
    //             settings: {
    //               slidesToShow: 1,
    //               slidesToScroll: 1,
    //               centerMode: true,
    //               centerPadding: '20vw'
    //             }
    //         }
    //     ]
    // });

    $('.index .sec2 .slide').slick({
        slidesToShow: 1,
        centerMode: true,
        arrows: true,
        centerPadding: '40%',
        infinite: true,
        // appendArrows: true
        // centerPadding: '50px'
         responsive: [
            {
                breakpoint: 1025,
                settings: {
                  slidesToShow: 1,
                  slidesToScroll: 1,
                  centerMode: true,
                  centerPadding: '20vw'
                }
            }
        ]
    });


    $('.index .sec2 .slide').slick('slickGoTo', 10);


    $('.index .sec2 .slide').on('swipe afterChange edge beforeChange', function() {
        slicktrans();
    })

    $('.sec2 .slick-arrow').click(slicktrans);

    function slicktrans() {
        var _cur = $('.index .sec2 .slide').find('.slick-current').data('slick-index'),
            _prev1 = _cur - 1,
            _prev2 = _cur - 2,
            _prev3 = _cur - 3,
            _next1 = _cur + 1,
            _next2 = _cur + 2,
            _next3 = _cur + 3;

        $('.index .sec2 .slide').find('.slick-slide').removeClass('size1 size2 size3');
        $('.index .sec2 .slide').find('.slick-slide[data-slick-index="' + _prev1 + '"]').addClass('size1');
        $('.index .sec2 .slide').find('.slick-slide[data-slick-index="' + _prev2 + '"]').addClass('size2');
        $('.index .sec2 .slide').find('.slick-slide[data-slick-index="' + _prev3 + '"]').addClass('size3');
        $('.index .sec2 .slide').find('.slick-slide[data-slick-index="' + _next1 + '"]').addClass('size1');
        $('.index .sec2 .slide').find('.slick-slide[data-slick-index="' + _next2 + '"]').addClass('size2');
        $('.index .sec2 .slide').find('.slick-slide[data-slick-index="' + _next3 + '"]').addClass('size3');

    }
    slicktrans();







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

    function navde() {
        $('.burger').attr('toggle', '0');
        $('.burger').removeClass('isclick');
        TweenMax.to('.navbox', .4, { autoAlpha: 0, zIndex: -1 });
        $('.black').removeClass('show');
        $body.css({
            'overflow': ''
        })

        if (winW >= 1024) {
            $('.nav').show();
        } else {
            $('.nav').slideUp();
        }
    }
    navde();

    $('.burger').click(function() {
        var menuOpen = $('.burger').attr('toggle');

        if (menuOpen == 0) {

            $('.nav').slideDown();
            $('.black').addClass('show');

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

            $body.css({
                'overflow': 'hidden'
            })
        } else if (menuOpen == 1) {

            $('.nav').slideUp();
            $('.black').removeClass('show');

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

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

    });

    function navfixed() {
        var _scroll = $(window).scrollTop();
        if(_scroll>=65){
            $('#myheader').addClass('fixed');
        }else{
            $('#myheader').removeClass('fixed');
        }
    }
    $win.scroll(navfixed);






    /* sec3 切換 -----------------------------------------------------*/

    var thisS3 = 0,
        prevS3 = '',
        $btn_sec3 = $('.sec3 .tabbtn');

    var sec3Pagechange = function () {
        if(thisS3 !== prevS3)$('.sec3 .listbox').fadeOut(0);
        $('.sec3 .listbox[data-list ="' + thisS3 + '"]').fadeIn(500);
        $btn_sec3.removeClass('select');
        $btn_sec3.eq(thisS3).addClass('select');
        prevS3 = thisS3;
    }
    sec3Pagechange(thisS3);
    $btn_sec3.click(function(){
        thisS3 = $(this).index();
        sec3Pagechange();
    });







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

    // var lightbox = function(){

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

    var lb_data,
        lb_data2,
        lbname,
        lbname2;
    // var lbname = 'dest';

    TweenMax.set($('.lb'), { opacity: 0, zIndex: -1 });

    var lbOpen = function(lb_data) {

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

        if ($('.restart').length) {
            $('.restart').click(lbClose);
        }

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

    var lbClose = function(lb_data2) {

        var lbCloseAni = new TimelineMax();
        lbCloseAni.to($('.lb[data-lb="' + lb_data2 + '"]'), .3, { opacity: 0, ease: Linear.easeNone })
            .to($('.lb[data-lb="' + lb_data2 + '"]'), .3, { css: { zIndex: -1 } });

        // $('.lb').css({'z-index':""})
        // $('.lbblack').css({'z-index':""})

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

    }

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

        lbOpen(lbname);

        return false;
    });


    $('.lb .btn_x').click(function() {
        var rootlbname = $(this).parents('.lb').data('lb');

        lbClose(rootlbname)
    });

    // }
    // lightbox();













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

    var _resize = function() {

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

        // payPos = $('#samsungpay').offset().top;
        // samsungpayscroll();

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

    }
    _resize();
    $win.scroll(scrollPage);
    $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();

        }

    });



};


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

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

        script();
    };
});