var upwardsLocked = false

const orginalAlert = window.alert;

window.alert = function(message){
    try {
        if( typeof message === 'string'){
            const parser = new DOMParser();
            const doc = parser.parseFromString(message, 'text/html')
            const decoded = doc.body.textContent || message
            orginalAlert(decoded)
        }else{
            orginalAlert(message)
        }
    }catch(e){
        orginalAlert(message)
    }
}

// JQ 功能擴增
$.fn.triggerAll = function(list) {
    return this.each(function() {
        const $this = $(this)

        $.each(list.split(' '), function(key, val) {
            $this.trigger(val)
        })
    })
}

// 裝置判斷
function DeviceIsTouch() {
    const userAgent = navigator.userAgent
    const regexp = /Android|iPhone|SymbianOS|Windows Phone|iPad|iPod|Touch|Mobile|Tablet|BlackBerry/gi

    return !!userAgent.match(regexp)
}

// resize 裝置判斷
;(function($) {
    $(window).on('resize', function(e) {
        if(DeviceIsTouch()) {
            $('body').removeClass('DeviceWithHover')
        } else {
            $('body').addClass('DeviceWithHover')
        }
    })
})($)

//定義css變數 --vh 避免行動裝置vh計算異常(會被瀏覽器address bar影響)
$(function(){
    function setVh(){
        $('html').attr('style', `--vh: ${window.innerHeight * 0.01}px;`)
    }

    setVh()
    $(window).on('resize', setVh)
})

// 天邊跑馬燈設定
;(function($) {
    const marqueeTarget = $(".top-marquee")
    if(marqueeTarget.length && marqueeTarget.children('.marquee-item').length > 1) {
        marqueeTarget.owlCarousel({
            items: 1,
            nav: false,
            dots: false,
            autoplay: true,
            autoplayTimeout: 5000,
            autoplaySpeed: 1000,
            autoplayHoverPause: true,
            animateIn: 'theme-in',
            animateOut: 'theme-out',
            mouseDrag: false,
            loop: true,
        });
    }

    //跑馬燈倒數模式
    if($('.top-marquee .countdown-box').length) {
        $('.top-marquee .countdown-box').each(function(){
            countDown($(this))
        })
    }

    function leadingZero(number) {
        const num = parseInt(number)
        if(!isNaN(num)) {
            if(Math.abs(num) < 10) {
                return "0" + Math.abs(num)
            } else {
                return String(Math.abs(num))
            }
        } else {
            console.error('輸入格式錯誤')
        }
    }

    function countdownBox(number, string = null) {
        const numberStr = leadingZero(number)

        let returnStr = '<div class="countdown-rotor">' + numberStr + '</div>'
        if(string) {
            return returnStr + '<div class="countdown-text">' + string + '</div>'
        } else {
            return returnStr
        }
    }

    function countDown(target) {
        const leftTime = target.attr('data-second')

        if(leftTime > 0) {
            const leftSec = leftTime % 60
            const leftMin = Math.floor(leftTime / 60) % 60
            const leftHour = Math.floor(leftTime / 60 / 60) % 24
            const leftDate = Math.floor(leftTime / 60 / 60 / 24)

            if(leftDate > 0) {
                target.html(`
                    <div class="countdown-group">${countdownBox(leftDate, _jsLang.天)}</div>
                    <div class="countdown-group">${countdownBox(leftHour, _jsLang.時)}</div>
                    <div class="countdown-group">${countdownBox(leftMin, _jsLang.分)}</div>
                    <div class="countdown-group">${countdownBox(leftSec, _jsLang.秒)}</div>
                `)
            } else {
                target.html(`
                    <div class="countdown-group">${countdownBox(leftHour, _jsLang.時)}</div>
                    <div class="countdown-group">${countdownBox(leftMin, _jsLang.分)}</div>
                    <div class="countdown-group">${countdownBox(leftSec, _jsLang.秒)}</div>
                `)
            }
            target.attr('data-second', leftTime - 1)
            setTimeout(countDown, 1000, target)
        }
        else
        {
            $(".top-marquee").hide();
            $("body").addClass("no-marquee")
        }
    }
})($)

// 螢幕滾動
;(function($) {
    let lastScrolltop = 0
    $(window).on('scroll', function(e) {
        let currentScrolltop = $(this).scrollTop()
        if(currentScrolltop > 0){
            $('.gotop').fadeIn(400)
            $("body").addClass('is-sticky');
        }else{
            $('.gotop').fadeOut(400)
            $("body").removeClass('is-sticky');
        }

        if(currentScrolltop > lastScrolltop){
            $("body").removeClass('is-upwards');
        }else{
            $("body").addClass('is-upwards');
        }
        lastScrolltop = currentScrolltop
    })
})($)

// 主選單
;(function($) {
    let navbarStep =  ''

    $(window).on('resize', function(e) {

        if($(this).width() >= 1200 && navbarStep !== "desktop") {
            navbarStep = "desktop"

            $('body').removeClass('menu-open overflow-hidden');
            $('body').off('click.menu', '.navbar-toggle,.navbar-wrapper')
            $(document).off("click.mainmenu", ".main-item > .main-link .link-anchor")
            $('.navbar-main').off('click', '.main-menu .navbar-arrow')
                             .find('.with-children').removeClass('in-active')

        } else if($(this).width() < 1200 && navbarStep !== "mobile") {
            navbarStep = "mobile"

            $('body').on('click.menu', '.navbar-toggle,.navbar-wrapper', function(e) {
                if($(e.target).closest(".navbar-toggle,.navbar-closer").length || $(e.target).hasClass("navbar-wrapper")){
                    e.preventDefault()
                    $('body').toggleClass('menu-open overflow-hidden');
                    $('.aside-panel, .function-item').removeClass('in-active');
                }
            })

            $('.navbar-main').on('click', '.main-menu .navbar-arrow', function(e) {
                $(this).closest('.with-children').toggleClass('in-active')
                       .siblings('.with-children').removeClass('in-active')
            })

            $(document).on("click.mainmenu", ".main-item.with-children > .main-link .link-anchor", function(e){
                e.preventDefault()
                $(this).siblings(".navbar-arrow").click()
            })
        }
    })
})($)

// gotop
;(function($) {
    $('.gotop').on('click', function(e){
        e.preventDefault()
        $("html, body").animate({scrollTop: 0},800);
    });
})($)

// ==========================================================
//  side menu btn
// ==========================================================
$(function(){
    let asideBtn = $(".aside-quick")
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if(entry.isIntersecting){
                asideBtn.addClass("hide")
            }else{
                asideBtn.removeClass("hide")
            }
        })
    }, {
        root: null,
        threshold: 0.01
    })

    const asideBlock = $("#AsideBlock")[0];
    if(asideBlock){
        observer.observe($("#AsideBlock")[0])
    }
})

// 切換國別
;(function($) {
    $(document).on("click", ".ship-btn", function(){
        let _this = $(this)

        $.ajax({
            type:"POST",
            url:"/ajax/ajax_change_country.php",
            dataType:"JSON",
            data:{
                Type:"update",
                ID: _this.data("id")
            },
            success: function(res){
                location.reload()
            }
        })
    })
})($)


// 右上購物車愛心
;(function($) {
    $(document).on("click",".favorite-btn",function(){
        const _this = $(this)
        const SID   = _this.attr('sid')
        let icon = _this.find(".icon")
        let type  = 'del'

        if(!_this.hasClass('in-favorite')){
            type = 'add';
        }

        $.ajax({
            url: Project_Country+'products/ajax/common/ajax_add_wish_list.php',
            type:"POST",
            cache:false,
            async:false,
            data:{Type:type,SID:SID},
            dataType: 'json',
            error:function(d){
                alert('網路連線過慢，網頁請重新整理');
            },
            success:function(d){
                if(d.Msg =='OK'){
                    if(type == 'add'){
                        try{
                            if(d.DataLayer){eval(d.DataLayer)}
                        }catch(e){}

                        _this.addClass("in-favorite");
                        icon.removeClass("icon-heart-o").addClass("icon-heart")
                    }else{
                        _this.removeClass("in-favorite");
                        icon.removeClass("icon-heart").addClass("icon-heart-o")
                    }
                }else if(d.Msg == 'NO_MEMBER'){
                    alert(_jsLang.請先登入會員);
                }else{
                    alert(_jsLang.資料庫忙線中);
                }
            }
        });
    });
})($)

//單獨更新購物車紅點
function updateCartTotal(){
    $.ajax({
        url: Project_Country + "shopcart/ajax/ajax_update_cart_total.php",
        type:"POST",
        cache:false,
        dataType:'json',
    }).done(function(res){
        if(res.TotalNum){
            $(".cart-total").text(res.TotalNum)
        }
    }).fail(function(d){
        alert('網路連線過慢，網頁請重新整理');
    })
}

// ==========================================================
//  owl carousel 樣式校正
// ==========================================================
;(function($) {
    function dotsCheck(jqElement) {
        const thisTarget = jqElement
        const checkTarget = thisTarget.find('.owl-dots')

        if(!checkTarget.hasClass('disabled')) {
            thisTarget.addClass('with-dots')
        } else {
            thisTarget.removeClass('with-dots')
        }
    }

    $('body').on('refreshed.owl.carousel', '.owl-carousel.with-dots', function(e) {
        dotsCheck($(this))
    })
})($)






// ==========================================================
//  footer menu toggle
// ==========================================================
;(function($) {
    $(document).on("click", ".footer-menu .menu-title", function(){
        $(this).parents(".menu-item").toggleClass("in-open")
    })

})($)






// ==========================================================
//  通用跳窗功能
// ==========================================================
;(function($) {
    $(document).on("click", ".popup-trigger", function(){
        let _this = $(this)
        let target = _this.data("target")
        $(".popupBox-wrapper[data-index=" + target + "]").removeClass("hide")
    })
    $('body').on('click', '.popupBox-wrapper:not(.close-disabled)', function(e) {
        let _this = $(this)
        if(e.currentTarget === e.target || $(e.target).hasClass('closer') || $(e.target).parent().hasClass('closer') || $(e.target).hasClass('js-popupBox-closer')) {
            e.preventDefault()
            if($(e.target).closest(".popupBox-wrapper").hasClass("popupBox-constant")){
                $(e.target).closest(".popupBox-wrapper").addClass("hide")
            }else{
                PopupCloseAnimate($(e.currentTarget))
            }
            _this.trigger("popupClose")
        }
    })
})($)



// ==========================================================
//  再買一次
// ==========================================================
;(function($) {
    //再買一次
    $(document).on("click",".Order_Again",function(){
        const order_num = $(this).data("order");
        $.ajax({
            url:Project_Country+"member/ajax/ajax_order_again.php",
            type:"POST",
            data:{order_num:order_num,},
            dataType:'json',
            error:function(d){
                alert('網路連線過慢，網頁請重新整理');
            },
            success:function(d)
            {
                if(d.status != 'ok')
                {
                    alert(d.msg);
                }
                else
                {
                    if(d.dataLayer)eval(d.dataLayer);
                    window.location.href = d.url;
                }
            }
        });
    });
})($)

// ==========================================================
//  置中判斷
// ==========================================================
function checkBlockScroll() {
    let block = $('.check-scroll-block')
    if(block.length){
        if (block[0].scrollWidth > block.innerWidth()) {
            block.addClass("theme-overwidth")
        } else {
            block.removeClass("theme-overwidth")
        }
    }
}
;(function($) {
    $(window).on("resize", function () {
        checkBlockScroll()
    })
})($)


// ==========================================================
//  快速購物跳窗
// ==========================================================
;(function($) {
    let commonShopcartStep = false
    $('body').on('click', '.QuickShop', function(e) {
        e.preventDefault()
        if(!commonShopcartStep) {
            commonShopcartStep = true
            jQuery.ajax({
                url:  Project_Country + 'ajax/ajax_popup_shopbox.php',
                type: 'POST',
                dataType: 'html',
                data: {
                    SID: $(this).attr('SID'),
                    Serial: $(this).attr('serial'),
                    Amount: $(this).parent().find('.amountBox').val(),
                },
            }).done(function(res){
                if(res.indexOf('window.location.href=') == 0)
                {
                    eval(res);
                }
                else
                {
                    $('body').addClass('overflow-hidden').append(res)
                    const slideTarget = $('.quickShop-box .preview-slide')
                    if(slideTarget.length && slideTarget.children('.slide-item').length > 1) {
                        slideTarget.addClass('with-dots').owlCarousel({
                            nav: true,
                            navText: ['<i class="icon icon-angle-left"></i>', '<i class="icon icon-angle-right"></i>'],
                            dots: true,
                            margin: 10,
                            items: 1,
                        })
                    }
                }
                checkBlockScroll()
            }).fail(function(x, y, z) {
                console.log(x)
            }).always(function() {
                commonShopcartStep = false
            })
        }
    })
})($)

// ==========================================================
//  開關上方商品介紹
// ==========================================================
;(function($) {
	$(document).on('click', '.detail-title', function(e) {
		let _this = $(this)
		let box = _this.parents(".detail-wrap")
		box.toggleClass("in-open")
	})
})($)

// ==========================================================
//  展開活動
// ==========================================================
;(function($) {
	$(document).on('click', '.sale-view-more', function(e) {
		let _this = $(this)
		let box = _this.parents(".detail-collapse-box").find(".sale-list")
		box.toggleClass("in-open")
	})
})($)

// ==========================================================
//  跳窗內說明切換
// ==========================================================
;(function($) {
	$(document).on('click', '.detail-tag', function(e) {
		let _this = $(this)
        let target = _this.data("target")
        $(".detail-wrapper .detail-tag").removeClass("in-active")
        _this.addClass("in-active")
        $(".detail-wrapper .detail-content").removeClass("in-active")
        $(".detail-wrapper .detail-content[data-index='" + target + "']").addClass("in-active")
	})
})($)

// 列表更多資訊開關
;(function($) {
    $('main').on('click', '.toggle-expand', function(e) {
        e.preventDefault();
        let parent = $(this).parents('.table-row')
        if(parent.hasClass("in-expand")){
            $(".table-row").removeClass('in-expand')
        }else{
            $(".table-row").removeClass('in-expand')
            parent.addClass('in-expand')
            parent.prev(".table-row-normal").addClass('in-expand')
            parent.next(".table-notebook").addClass('in-expand')
        }
    })
})($)




// ==========================================================
//  側欄選單開關
// ==========================================================
;(function($) {
    /*$('.aside-panel').on('click', 'a', function(e) {
        if($(this).parent().hasClass('with-children')) {
            e.preventDefault()
            $(this).parent('.with-children').toggleClass('in-active')
                   .siblings('.with-children').removeClass('in-active')
        }
    })*/

    $('.menu-switch').on('click', function(e){
        e.preventDefault()
        $(this).parents('.with-children').eq(0).toggleClass('in-active')
               .siblings('.with-children').removeClass('in-active')
    })

    $('.aside-panel').on('click', '.collapse-title', function(e) {
        e.preventDefault()
        $(this).parent('.item').toggleClass('in-active')
               .siblings('.item').removeClass('in-active')
    })

    $(document).on('click', '.panel-title:not(.theme-link)', function(e){
        e.preventDefault()
        let panel =  $(this).parents(".aside-panel")
        panel.find('.panel-body').slideToggle(200, function(){
            panel.toggleClass("in-collapse")
        })
    })
})($)






// ==========================================================
//  footer 訂閱電子報功能
// ==========================================================
;(function($) {
    if($('#EpaperForm').length) {
        $("body").on('submit', '#EpaperForm', function(e){
            e.preventDefault()

            const enter_str = check_tools.checkEmailNull($("#Epaper_Email"));
            if( enter_str == "NULL" ){
                alert(_jsLang.請輸入Email);
                return false;
            }else if( enter_str == "ERROR" ){
                alert(_jsLang.您輸入的Email格式錯誤);
                return false;
            }else if( enter_str == "PASS" ){
                $.ajax({
                    url: Project_Country + 'include/ajax/ajax_epaper-p.php',
                    type: 'POST',
                    dataType: 'JSON',
                    data: {
                        Epaper_Email: $("#Epaper_Email").val()
                    },
                })
                .done(function(res) {
                    const status = res.status
                    if(status === "ORDER") {
                        alert(_jsLang.訂閱電子報成功);
                    } else if (status === "CANCEL") {
                        alert(_jsLang.取消訂閱電子報成功);
                    } else if (status === "Usable") {
                        alert(_jsLang.訂閱電子報成功抵用券序號已寄送至您的信箱);
                    } else if(status === "ERROR") {
                        alert(_jsLang.取消訂閱電子報失敗);
                    }
                })
                .fail(function(x, y, z) {
                    console.log(x);
                })
                .always(function() {
                    $("#Epaper_Email").val('');
                });
            }
        });
    }
})($)





// ==========================================================
//  購物車簡易浮動跳窗
// ==========================================================
function FloatShopcart(res) {
    const returnDOM = `
        <div class="float-shopcart">
            ${res}
        </div>
    `

    return returnDOM
}
;(function($) {
    const shopcartTarget = $('#Shop_Cart_Total')
    let CanShowShopcart = true

    function getTopCart(type = '1'){
        if(CanShowShopcart) {
            CanShowShopcart = false
            $.ajax({
                url: Project_Country + "ajax/ajax_get_cart.php",
                data:{
                    Cart_Type : type
                },
                type: 'POST',
                dataType: 'HTML',
            })
            .done(function(res) {
                if(shopcartTarget.find(".float-shopcart").length > 0){
                    shopcartTarget.find(".float-shopcart").empty().html(res)
                }else{
                    shopcartTarget.append(FloatShopcart(res))
                }
            })
            .fail(function(x, y, z) {
                console.log(x);
            })
            .always(function() {
                CanShowShopcart = true
            });
        }
    }
    let enterFlag = false
    shopcartTarget.on('mouseenter', function(e) {
        if(!enterFlag){
            enterFlag = true
            getTopCart()
        }
    })
    .on('mouseleave', function(e) {
        shopcartTarget.children('.float-shopcart').remove()
        enterFlag = false
    })

    $(document).on("click", ".float-shopcart .switch-btn", function(){
        getTopCart($(this).data("type"))
    })


    // 浮動窗中商品刪除
    $('body').on('click', '.Left_Top_Del', function(e) {
        e.preventDefault()

        // if(confirm(_jsLang.確定刪除嗎+"?")){
            $.ajax({
                url: Project_Country + "shopcart/ajax/ajax_cart_del.php",
                type:"POST",
                cache:false,
                dataType:'json',
                data:{ID:$(this).attr("sid"),Type:$(this).data("type"),GroupID: $(this).data("group_id")},
            }).done(function(d){
                if(d.Status == 'RET_SUCCESS'){
                    // alert(_jsLang.刪除成功);
                    //window.location.reload();
                    if (d.DataLayer) { eval(d.DataLayer) }
                    getTopCart()
                    updateCartTotal()
                }else{
                    alert(_jsLang.資料庫忙線中);
                }
            }).fail(function(d){
                alert('網路連線過慢，網頁請重新整理');
            })
        // }
    })
})($)
function FloatCartPopup(dataObj) {
    const shopcartTarget = $('#Shop_Cart_Total')
    $.ajax({
        url     : Project_Country + "ajax/ajax_get_cart.php",
        type    : "POST",
        async   : true,
        cache   : false,
        data    : dataObj,
    }).done(function(res) {
        shopcartTarget.append(FloatShopcart(res))

        setTimeout(function(){
            shopcartTarget.children('.float-shopcart').remove()
        },3000);
    }).fail(function(x, y, z) {
        console.log(x)
    })
}





// ==========================================================
//  影片預設圖 to iframe 撥放器
// ==========================================================
;(function($) {
    $(document).on('click', '.StaticVideo', function(e) {
        e.preventDefault()

        const targetVID = $(this).attr('data-vid')

        let iframe = $('<iframe>', {
            src: 'https://www.youtube.com/embed/' + targetVID + '?autoplay=1&rel=0&enablejsapi=1&muted=1',
            allow: 'autoplay encrypted-media',
            frameborder: 0,
            class:'responsive-embed-item'
        })

        $(this).parents('.responsive-embed').html(iframe)

    })
})($)



// 商品大小格切換
;(function($) {
    if($('.switch-group').length) {
        const themeAry = []

        $('.switch-group').find('.switch-item').each(function(i, ele) {
                const themeItem = $(ele).attr('data-target')
                themeAry.push(themeItem)
        })

        $('.switch-group').on('click', '.switch-item', function(e) {
            const targetClass = $(this).data('target')

            $(this).addClass('now')
                   .siblings('.switch-item').removeClass('now')

            $(this).parents('main').find('.items-list').removeClass(themeAry.join(' ')).addClass(targetClass)
        })
    }
})($)



// ==========================================================
//  桌機版商品放大功能
// ==========================================================
;(function($) {
    if(!DeviceIsTouch()) {
        $(document).on('click', '.zoom-link', function(e) {
            e.preventDefault()
        }).on('mouseenter', '.zoom-link', function(e) {
            e.preventDefault()
            const thisPic = $(this).attr('href')

            $(this).before(`
                <img class="zoomin-picture" src="${thisPic}">
                <img class="zoomin-cursor" src="${Project_Country}images/product/pic_zoom_in.svg">
            `)
        }).on('mousemove', '.zoom-link', function(e) {
            e.preventDefault()
            const targetImg = $(this).siblings('.zoomin-picture')
            const targetCursor = $(this).siblings('.zoomin-cursor')
            const imgHeight = $(targetImg).height()
            const imgWidth = $(targetImg).width()

            $(targetImg).css({
                top: (e.offsetY / $(this).height() * imgHeight * -1 + e.offsetY),
                left: (e.offsetX / $(this).width() * imgWidth * -1 + e.offsetX)
            })

            $(targetCursor).css({
                top: e.offsetY,
                left: e.offsetX
            })
        }).on('mouseleave', '.zoom-link', function(e) {
            e.preventDefault()

            $(this).siblings('.zoomin-picture, .zoomin-cursor').remove()
        })

    }
})($)





// ==========================================================
//  摺疊table開關功能
// ==========================================================
;(function($) {
    $(document).on('click', '.CollapseToggle', function(e) {
        e.preventDefault()

        const $targetBox = $(this).parents('.table-row')
        if($targetBox.hasClass('table-controls')) {
            $targetBox.toggleClass('in-expand');
        } else {
            $targetBox.prev('.table-controls').toggleClass('in-expand');
        }
    })
})($)




// ==========================================================
//  通用型滑動到指定位置
// ==========================================================
;(function($) {
    $(document).on('click', '.ScrollToTarget', function(e) {
        e.preventDefault()
        const scrollTarget = $(this).attr('data-target')

        if($(scrollTarget).length) {
            const scrollTop = $(scrollTarget).offset().top - $('.header-wrapper').height()
            $('html, body').animate({
                scrollTop
            }, 750)
        }
    })
})($)





// ==========================================================
//  密碼顯示切換
// ==========================================================
;(function($) {
    $(document).on('click', '.password-toggle', function(e) {
        e.preventDefault()
        const target = $(this).siblings('input')
        const targetType = target.attr('type')

        $(this).find('.icon').toggleClass('icon-eye').toggleClass('icon-eye-slash')
        if(targetType === 'password') {
            target.attr('type', 'text')
        } else if(targetType === 'text') {
            target.attr('type', 'password')
        }

    })
})($)



// trigger function
;(function($) {
    $(window).triggerAll('resize scroll')
})($)


/*影片效果*/
function videoBox(){
    //影片控制
    $(document).on('click','.videoControl',function(e){
        e.preventDefault()
        const targetVideo = $($(this).attr('data-target'))[0]

        if(targetVideo.paused){
            $(this).find('.fa').addClass('fa-pause').removeClass('fa-play');
            targetVideo.play();
        } else {
            $(this).find('.fa').addClass('fa-play').removeClass('fa-pause');
            targetVideo.pause();
        }
    });

    // //影片預覽圖
    // if(document.getElementById("Video")){
    //     document.getElementById("Video").oncanplay=function(){
    //         var video = $("#Video").get(0);
    //         var canvas = document.getElementById("video_review");
    //                 canvas.getContext('2d').drawImage(video, 0, 0, 66, 92);
    //     };
    // }
}

function LeadingZero(input, strLength = 2) {
    let str = String(input)
    if(str.length < strLength) {
        str = '0' + str
        // console.log(str)
        return LeadingZero(str, strLength)
    } else {
        return str
    }
}

function CountdownTimer(limitTime, runFunc = () => false) {
    const now = Date.now()

    if(limitTime > now) {
        const leftTimes     = limitTime - now
        const leftSec       = Math.floor(leftTimes / 1000) % 60
        const leftMin       = Math.floor(leftTimes / 1000 / 60) % 60
        const leftHour      = Math.floor(leftTimes / 1000 / 60 / 60)

        runFunc(`
            <span class="countdown-str">${_jsLang.倒數}</span>
            <span class="countdown-str">${LeadingZero(leftHour)}:${LeadingZero(leftMin)}:${LeadingZero(leftSec)}</span>
        `)
        setTimeout(CountdownTimer, 1000, limitTime, runFunc)
    } else {
        runFunc(`<span><span class="countdown-str">${_jsLang.活動結束}</span></span>`)
    }
}

function CountDown(secondsTarget, runFunc = () => false) {
    const seconds = secondsTarget.attr('second')
    if(seconds > 0) {
        const leftSec       = Math.floor(seconds / 1) % 60
        const leftMin       = Math.floor(seconds / 1 / 60) % 60
        const leftHour      = Math.floor(seconds / 1 / 60 / 60)

        runFunc(`
            <span class="countdown-str">${_jsLang.倒數}</span>
            <span class="countdown-str">${LeadingZero(leftHour)}:${LeadingZero(leftMin)}:${LeadingZero(leftSec)}</span>
        `)
        secondsTarget.attr('second', seconds - 1)
        setTimeout(CountDown, 1000, secondsTarget, runFunc)
    } else {
        runFunc(`<span><span class="countdown-str">${_jsLang.活動結束}</span></span>`)
    }
}

// 關閉跳窗特效
function PopupCloseAnimate(jqElement) {
    if(jqElement.hasClass("popupBox-constant")){
        jqElement.addClass("hide")
    }else{
        jqElement.remove()
    }
    $('body').removeClass('overflow-hidden')
}

//  客製化 alert popup
function AlertPop(obj) {
    const setting = {
        backgroundColor: '',
        color: '',
        icon: '',
        string: '',
    }
    if(obj) {
        Object.assign(setting, obj)
    }

    let customStyle = ''
    customStyle += (setting.backgroundColor)? `background-color: ${setting.backgroundColor};`: ''
    customStyle += (setting.color)? `color: ${setting.color};`: ''
    const alertStyle = (customStyle)? `style="${customStyle}"`: ''
    const customIcon = (setting.icon)? `<span class="alert-icon">${setting.icon}</span>`: '';
    const alertElement = `
        <div class="alert-wrapper">
            <div class="alert-content" ${alertStyle}>
                ${customIcon}
                <p class="alert-string">${setting.string}</p>
            </div>
        </div>
    `

    $('body').addClass('overflow-hidden').append(alertElement)
    setTimeout(function() {
        if($('.alert-wrapper').length){
            PopupCloseAnimate($('.alert-wrapper'))
        }
    }, 2000)
}
//分享
;(function($) {
    $(document).on("click", ".alert-wrapper", function(){
        PopupCloseAnimate($('.alert-wrapper'))
    })
})($)

//  自定義 confirm popup
function ConfirmPop(obj) {
    const setting = {
        titleName: '',
        titleColor: '',
        string: '',
        trueFunction: () => false,
        falseFunction: () => false,
        extraClass: '',
    }
    if(obj) {
        Object.assign(setting, obj)
    }
    const titleStyle = (setting.titleColor)? `class="confirm-title" style="color: ${setting.titleColor};"`: `class="confirm-title font-primary"`
    const confirmTitle = (setting.titleName)? `<p ${titleStyle}>${setting.titleName}</p>`: ''
    const confirmElement = `
        <div class="popupBox-wrapper confirm-popup ${setting.extraClass}">
            <div class="popupBox-content">
                <button class="closer" type="button" aria-label="close confirm popup"><i class="icon icon-cross"></i></button>
                ${confirmTitle}
                <p class="confirm-string">${setting.string}</p>
                <div class="button-group">
                    <button class="btn btn-outline-default" type="button" data-value="false">${_jsLang.取消}</button>
                    <button class="btn btn-default" type="button" data-value="true">${_jsLang.確認}</button>
                </div>
            </div>
        </div>
    `
    $('body').addClass('overflow-hidden').append(confirmElement)

    $('.confirm-popup').on('click', '.btn', function(e) {
        e.preventDefault()
        let returnValue = false
        const targetWrap = $(this).parents('.confirm-popup')
        PopupCloseAnimate(targetWrap)

        if($(this).attr('data-value') === 'true') {
            returnValue = true
        } else {
            returnValue = false
        }

        return (returnValue)? setting.trueFunction(): setting.falseFunction()
    })
}

//隱藏swiper輪播toolbar
function checkToolbar(slidebox, toolbar, length){
    if(slidebox.find(".swiper-slide").length <= length){
        toolbar.addClass("hide")
    }else{
        toolbar.removeClass("hide")
    }
}

//swiper輪播分組
function groupItems(wrapper, size){
    const items = wrapper.find(".item").detach()
    wrapper.empty()

    for(let i =0; i< items.length; i+= size){
        const group = $(`<div class="swiper-slide"></div>`)
        group.append(items.slice(i, i + size))
        wrapper.append(group)
    }
}


// ==========================================================
//  複製連結
// ==========================================================
$(function(){
	$(document).on("click", ".copy-btn", function(e){
		window.navigator.clipboard.writeText($(this).data("link"))
		alert("複製連結成功")
	})
})


$(function(){
	$(".HITS_BT").on("click",function(e){
        e.preventDefault();
        if( $.isNumeric($(this).attr('hid')) && $.isNumeric($(this).attr('hdid')) ){
            var hid = $(this).attr('hid');
            var hdid = $(this).attr('hdid');
            var url = $(this).attr('href');
            var target = $(this).attr('target');
            $.ajax({
                url:Project_Country+"ajax/ajax_add_ad_hits-p.php",
                type:"POST",
                cache:false,
                async:false,
                data:{Hid: hid , Hdid : hdid},
                error:function(d){
                    alert('網路連線過慢，網頁請重新整理');
                },
                success:function(d){
                    if(url){
                        if(target == '_blank'){
                            window.open(url);
                        }else if( ( typeof target === 'undefined' ) || (target == '') ){
                            window.location = url;
                        }else{
                        }
                    }
                }
            });
        }else{
            alert(_jsLang.這是錯誤的連結);
        }
    });
})


// ==========================================================
//  滾動事件節流
// ==========================================================
function throttleScroll(func, time, scrollBox = $(window)){
    let throttleFlag = false


    function throttle(method ,currentScroll){
        if(throttleFlag){
            return false
        }
        throttleFlag = true
        setTimeout(function(){
            //currentScroll為當前滾動的容器
            method(currentScroll)
            throttleFlag = false
        }, time)
    }

    let tempFunc = function(){
        throttle(func, $(this))
    }

    return {
        init: function(){
            scrollBox.on('scroll', tempFunc)
        },
        destroy: function(){
            scrollBox.off('scroll', tempFunc)
        }
    }

}

// ==========================================================
//  商品列表規格購買
// ==========================================================
;(function($) {
    let list = $('.product-list') //$('.product-list,.combosBox')
    function onceProductClose(){
        $(document).off("click.onceProductClose")
        $(document).on("click.onceProductClose", function(e){
            let target = $(e.target)
            if(!target.closest(".product-box.in-open").length){
                $(".product-box").removeClass("in-open")
                $(document).off("click.onceProductClose")
            }
        })
    }
    list.on("mouseenter", '.product-box', function(){
        let _this = $(this)

        if($(window).width() >= 1200){
            $(".product-box").removeClass("in-open")
            _this.addClass("in-open")
            onceProductClose()
            $('body').addClass("in-spec-open")
        }
    })
    list.on("mouseleave", '.product-box', function(){
        let _this = $(this)
        if($(window).width() >= 1200){
            $('body').removeClass("in-spec-open")
        }
    })
    list.on('click', '.product-toggle-btn', function(){
        let box = $(this).parents('.product-box')
        if(box.hasClass('in-open')){
            box.removeClass('in-open')
            $(document).off("click.onceProductClose")
            $('body').addClass("in-spec-open")
        }else{
            $(".product-box").removeClass("in-open")
            box.addClass('in-open')
            onceProductClose()
            $('body').removeClass("in-spec-open")
        }
    })

})($)

//faq
;(function($) {
    $(document).on("click", ".detail-faq-preset .faq-question", function(){
        let faqItem = $(this).parents(".faq-item")
        faqItem.find(".faq-answer").slideToggle(200)
    })
})($)

//分享
;(function($) {
    $(".share-group").on("click", ".share-toggle", function(){
        $(".share-group").toggleClass("in-open")
    })
})($)

//檢查帳號格式
;(function($) {
    $(document).on("input", ".login-account-check input", function(){
        let val = $(this).val()
        let codeSelect = $(".login-account-check select")

        let isValid = /^\d+$/.test(val) && val.length >=3
        if(isValid){
            codeSelect.removeClass("hide")
        }else{
            codeSelect.addClass("hide")
        }
    })
})($)

//驗證失敗時清除資料
$(window).on("pageshow", function(e){
    if(e.originalEvent.persisted){
        $(".pageshow-clear").val('')
    }
})


// ==========================================================
//  editor 索引化
// ==========================================================
;(function($) {
    let contentIndexer = $(".content-indexer")
    if(contentIndexer.length > 0){
        contentIndexer.each(function(){
            let _this = $(this)

            let h2Index = 1
            let h3Index = 1
            const result = []

            _this.find("h2").each(function(){
                const h2Ele = $(this)
                const h2Text = h2Ele.text()
                let h2DataIndex = "h2-" + h2Index
                h2Ele.attr("data-index", h2DataIndex)

                const sub = []
                h2Ele.nextUntil("h2","h3").each(function(){
                    const h3Ele = $(this)
                    const h3Text = h3Ele.text()
                    let h3DataIndex = "h3-" + h3Index
                    h3Ele.attr("data-index", h3DataIndex)
                    sub.push({
                        index: h3DataIndex,
                        text: h3Text
                    })
                    h3Index++
                })

                result.push({
                    index: h2DataIndex,
                    text: h2Text,
                    sub: sub
                })
                h2Index++
            })

            let h2Html = ''
            for(id in result){
                let h2Item = result[id]
                let h3Html = ''
                for(subId in h2Item.sub){
                    let h3Item = h2Item.sub[subId]
                    h3Html += `<li class="index-subitem">
                                    <a class="index-anchor" data-target="${h3Item.index}">${h3Item.text}</a>
                                </li>`
                }
                h2Html += `<li class="index-item">
                                <a class="index-anchor" data-target="${h2Item.index}">${h2Item.text}</a>
                                <ol class="index-sublist">
                                    ${h3Html}
                                </ol>
                            </li>`
            }
            _this.find("h2").eq(0).before(
            `<div class="editor-index">
                <div class="index-box">
                    <div class="index-title">
                        <span>內容目錄</span>
                        <button class="index-switch" type="button" aria-label="目錄開關">
                            <i class="fa fa-bars"></i>
                        </button>
                    </div>
                    <nav class="index-nav">
                        <ol class="index-list">
                            ${h2Html}
                        </ol>
                    </nav>
                </div>
            </div>`)
        })


        //展開
        $(document).on("click", ".editor-index .index-switch", function(){
            $(this).parents(".editor-index").toggleClass("theme-collapse")
        })

        //跳轉
        $(document).on('click', '.editor-index .index-anchor', function(e) {
            e.preventDefault()
            let _this = $(this),
                headerHeight = $('.header-wrapper').height(),
                target = $('[data-index=' + _this.data("target") + ']')

            if(target.length > 0){
                $('html, body').animate({
                    scrollTop: target.offset().top - headerHeight - 30
                })
            }

        })
    }
})($)


//分類頁切換
;(function($) {
    $(".page-nav").on("click", ".nav-item", function(){
        let _this = $(this)
        let target =_this.data("for")

        $(".page-nav .nav-item").removeClass("in-active")
        $(".page-group").removeClass("in-active")

        _this.addClass("in-active")
        $(".page-group[data-id='" + target + "']").addClass("in-active")

    })
    if($(".page-nav .nav-item.in-active").length){
        $(".page-nav .nav-item.in-active")[0].scrollIntoView({
            block: 'center',
            inline: 'center'
        })
    }
})($)


// ==========================================================
//  cookie彈窗
// ==========================================================
;(function($) {
    let coockiePopup = $(".cookie-popup")
    if(coockiePopup.length > 0 && !localStorage.getItem("cookieAccepted")){

        if(!localStorage.getItem("cookieAccepted")){
            coockiePopup.removeClass("hide")
        }

        coockiePopup.on("click", ".cookie-check-btn", function(){
            coockiePopup.remove()
            localStorage.setItem("cookieAccepted", "1")
        })
    }
})($)