$(function(){
    /*後端*/
    // $(".top_hot_keyword").click(function(){
    //     $.post('/ajax/ajax_hot_search-p.php', {ID: $(this).attr('did'), flag: 1 }, function(h){
    //         //alert(h);
    //     }, 'html');
    // });
     $(".menu_class_a, .menu_sub_a").mouseover(function(){
         var pic = $(this).attr('pic');
         var url = $(this).attr('url');
         var href = (url)? url: 'javascript:;';
         var h = (pic)? '<a href="' + href + '"><img src="/upload_files/fonlego-rwd/website/' + pic + '" /></a>': '';
         $(this).parents('.item-subitembox').find('.picbox').html(h);
     });
     $(".menu_sub_a").mouseout(function(){
         var pic = $(this).parents('.nav-item').find('.menu_class_a').attr('pic');
         var url = $(this).parents('.nav-item').find('.menu_class_a').attr('url');
         var href = (url)? url: 'javascript:;';

         var h = (pic)? '<a href="' + href + '"><img src="/upload_files/fonlego-rwd/website/' + pic + '" /></a>': '';

         $(this).parents('.nav-item').find('.item-subitembox').children('.picbox').html(h);
     });

    // //天邊=搜尋
    // $('.open-search').on('mouseenter',function(){
    //     $('.search').addClass('show');
    //     $('.search input').focus();
    // });
    // $('.search .close').on('click',function(){
    //     $('.search').removeClass('show');
    // });
    if($(".marquee-list li").length > 1){
      $(".marquee-list").owlCarousel({
          items: 1,
          loop: true,
          nav: false,
          dots: false,
          autoplay: true,
          autoplayHoverPause: true,
          autoplayTimeout: 8000,
          autoplaySpeed: 1000,
          animateIn: 'slideInUp',
          animateOut: 'slideOutUp',
      });
    }
    $(".Select_This_Country").on("click","li",function(){
         $.post('/ajax/ajax_change_country.php', {ID: $(this).attr('sid')}, function(h){
             if (typeof updatePage == "function"){
                 updatePage();
                 return false;
             }
             if(h){
                 //$("#This_Country_Pic").attr("src","/upload_files/fonlego-rwd/website/"+h);
                window.location.reload();
             }
         }, 'html');
     });
    //商品圖延遲載入
    $('.productImg img').lazyload({
        effect : 'fadeIn',
        failure_limit : 10,
        placeholder:'/upload_files/fonlego-rwd/images/common/loading.svg',
    });

    var _window = $(window);
    var _body = $('body');
    var change_1023 = 0;
    var nav_item =$('#menu-nav .nav-item');
    var scroll_switch=true;
    scroll_switch=nav_censor(scroll_switch);
    var body_padding = 121;
    var body_padding_s = 40;
    var userAgent = navigator.userAgent;
    /* 網頁loading */
    _window.on('load',function(){
        $(".loading").hide();
    });
    /* 回頁首 */
    $('.gotop').on('click',function(){
        $("html,body").animate({scrollTop: 0},800);
    });
    //message
    $('#message img').on('click',function(){
        $('#fb_message').fadeIn();   
    })
    $('#close_message').on('click',function(){
        $('#fb_message').fadeOut();        
    })

    //上方廣告
    var button =0;
    $('.top_adbox_button').on('click',function(){
        if(_window.width() <= 1023){
            $(".top_adbox").remove();
            if(button == 1)button--;
        }
        else{
            if(button==0){
                $(".top_adbox").css('height', 'auto');
                $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times');
                $('.top_adbox .inner').stop().animate({'max-height': 800},1000,function(){
                    button++;
                });
            }else{
                $('.top_adbox .fa').removeClass('fa-times').addClass('fa-plus');
                $('.top_adbox .inner').stop().animate({'max-height': 0},1000,function(){
                    button--;
                });
            }
        }
    });

    var change = 0;
    noisePop();

    /* 手機平板 */
    if(_window.width() <= 1024){
        //上方廣告
        if($('.top_adbox').attr('tag-status') == '1'){
            $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times');
            $(".top_adbox").show();
        };
        //天邊會員登入
        var member_click_n=0;
        $('.shopbox span.fa-user').on('click',function(){
            if(member_click_n==0){
                member_click_n=1;
                $('.userbox').addClass('open');
            }else{
                member_click_n=0;
                $('.userbox').removeClass('open');
            }
        });
        //天邊會員登入
        var language_click_n=0;
        $('#language').on('click','.wrapper',function(){
            if(language_click_n==0){
                language_click_n=1;
                $('.language-box').addClass('open');
            }else{
                language_click_n=0;
                $('.language-box').removeClass('open');
            }
        });
        //搜尋
        var search_dom=$("#Top_Search"),
            search_n=0;
        search_dom.on('click', '.fa-search', function(event) {
            if(search_n==0){
                search_n=1;
                search_dom.addClass('open');
            }else{
                search_n=0;
                search_dom.removeClass('open');
            }
        });
        //menu開合
        if(/Windows/i.test(userAgent)){
            $('#menu-nav').on('click','.item-title',function(){
                var n = $(this).parent(".open").length;
                 $('#menu-nav .nav-item').removeClass('open');
                 $('#menu-nav .menu-item').removeClass('open-sub');
                 if(n == 0){
                    $(this).parent(".nav-item").addClass('open');
                 }
            }).on(' click','.subtitle',function(){
                var n = $(this).parent(".open-sub").length;
                 $('#menu-nav .menu-item').removeClass('open-sub');
                 if(n == 0){
                    $(this).parent(".menu-item").addClass('open-sub');
                 }
            });
        }else{
            $('#menu-nav').on('click','.item-title',function(){
                var n = $(this).parent(".open").length;
                 $('#menu-nav .nav-item').removeClass('open');
                 $('#menu-nav .menu-item').removeClass('open-sub');
                 if(n == 0){
                    $(this).parent(".nav-item").addClass('open');
                 }
            }).on(' click','.subtitle',function(){
                var n = $(this).parent(".open-sub").length;
                 $('#menu-nav .menu-item').removeClass('open-sub');
                 if(n == 0){
                    $(this).parent(".menu-item").addClass('open-sub');
                 }
            });
        }

    }else{
        //上方廣告
        if($('.top_adbox').attr('tag-status') == '1'){
            $(".top_adbox").show();
            $(".top_adbox_button").trigger('click');
        };
    }
    /* 手機 */
    if(_window.width() <= 480 && change_1023 != 480){
        change_1023 = 480;
        body_padding = 50;
    /* 平板 */
    }else if(_window.width() > 480 && _window.width() <= 1023 && change_1023 != 1023){
        change_1023 = 1023;
        body_padding = 75;
        body_padding_s = 50;
        nav_item.find('.subitem').attr('type','checkbox');
    /* 電腦 */
    }else if(_window.width() > 1023 && change_1023 != 1200){
        change_1023 = 1200;
        body_padding = 121;
        body_padding_s = 40;
        $('.menu-007 .menu-item:nth-child(2)').addClass('hover');
        $('.menu-item .subtitle').on('mouseenter',function(){
            $(this).parents('.menu-item').addClass('hover').siblings('.menu-item').removeClass('hover')
        });
        $('.menu-007').on('mouseleave',function(){
            $('.menu-item.hover').removeClass('hover');
            $('.menu-007 .menu-item:nth-child(2)').addClass('hover');
        });
        //天邊會員登入hover下拉
        $('.shopbox span.fa-user').on('mouseenter',function(){
            $('.userbox').addClass('open');
        });
        //天邊購物車hover下拉
        $('.shopbox #Shop_Cart_Total').on('mouseenter',function(){
            $("#Header_Shopcart").load('/ajax/ajax_get_cart.php','');
            $('.shopping-cartbox').addClass('open');
        });
        $('.shopbox').on('mouseleave',function(){
            var _this_user=$(this).find('.userbox'),
                _this_shop=$(this).find('.shopping-cartbox');

            if(_this_user.length==1){
                $('.userbox').removeClass('open');
            }else if(_this_shop.length==1){
                $('.shopping-cartbox').removeClass('open');
            }
        });
    }

    _window.on('scroll', function(event) {
        var scrollTop = _window.scrollTop();
        if(scrollTop>0){
            $(".gotop").css("opacity","1");
            $("body").addClass('is-sticky');
            // _body.css('padding-top',body_padding_s+'px');
            // scroll_switch=nav_censor(scroll_switch);
        }else{
            $(".gotop").css("opacity","0");
            $("body").removeClass('is-sticky');
            // _body.css('padding-top',body_padding+'px');
        }
    });
    var time_id;
    _window.on('resize',function(){
        clearTimeout(time_id);
        time_id = setTimeout(nav_censor(scroll_switch),500);
        _window = $(window);
        // noisePop();
        if(_window.width() <= 1023 && change_1023 ==1200){
            //上方廣告
            $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times');
            $('.top_adbox_button').on('click',function(){
                $('.top_adbox').remove();
            });
            $('.shopbox span.fa-user,.shopbox .fa-shopping-cart').off('mouseenter');
            //天邊會員登入
            var member_click_n=0;
            $('.shopbox span.fa-user').on('click',function(){
                if(member_click_n==0){
                    member_click_n=1;
                    $('.userbox').addClass('open');
                }else{
                    member_click_n=0;
                    $('.userbox,.shopping-cartbox').removeClass('open');
                }
            });
            $('.shopbox').off('mouseleave');
            //menu開合
            // console.log(_window.width());
            if(/Windows/i.test(userAgent)){
                $('#menu-nav').on('click','.item-title',function(){
                    var n = $(this).parent(".open").length;
                     $('#menu-nav .nav-item').removeClass('open');
                     $('#menu-nav .menu-item').removeClass('open-sub');
                     if(n == 0){
                        $(this).parent(".nav-item").addClass('open');
                     }
                }).on(' click','.subtitle',function(){
                    var n = $(this).parent(".open-sub").length;
                     $('#menu-nav .menu-item').removeClass('open-sub');
                     if(n == 0){
                        $(this).parent(".menu-item").addClass('open-sub');
                     }
                });
            }else{
                $('#menu-nav').on('click','.item-title',function(){
                    var n = $(this).parent(".open").length;
                     $('#menu-nav .nav-item').removeClass('open');
                     $('#menu-nav .menu-item').removeClass('open-sub');
                     if(n == 0){
                        $(this).parent(".nav-item").addClass('open');
                     }
                }).on(' click','.subtitle',function(){
                    var n = $(this).parent(".open-sub").length;
                     $('#menu-nav .menu-item').removeClass('open-sub');
                     if(n == 0){
                        $(this).parent(".menu-item").addClass('open-sub');
                     }
                });
            }
        }
        if(_window.width() <= 480 && change_1023 != 480){
            change_1023 = 480;
            body_padding = 50;
            var scrollTop = _window.scrollTop();
            // if(scrollTop>0){
            //       _body.css('padding-top',body_padding_s+'px');
            // }else{
            //     _body.css('padding-top',body_padding+'px');
            // }
        }else if(_window.width() > 480 && _window.width() <= 1023 && change_1023 != 1023){
            change_1023 = 1023;
            body_padding = 75;
            body_padding_s = 50;
            var scrollTop = _window.scrollTop();
            nav_item.find('.subitem').attr('type','checkbox');
            // if(scrollTop>0){
            //       _body.css('padding-top',body_padding_s+'px');
            // }else{
            //     _body.css('padding-top',body_padding+'px');
            // }
            $('.menu-item .subtitle').off('mouseenter');
            $('.menu-007').off('mouseleave');
        }else if(_window.width() > 1023 && change_1023 != 1200){
            change_1023 = 1200;
            body_padding = 121;
            body_padding_s = 40;
            var scrollTop = _window.scrollTop();
            nav_item.find('.subitem').attr('type','radio');
            // if(scrollTop>0){
            //     _body.css('padding-top',body_padding_s+'px');
            // }else{
            //      _body.css('padding-top',body_padding+'px');
            // }
            $('.menu-007 .menu-item:nth-child(2)').addClass('hover');
            $('.menu-item .subtitle').on('mouseenter',function(){
                //console.log($('menu-item .hover'));
                $('.menu-item.hover').removeClass('hover');
                $(this).parents('.menu-item').addClass('hover');
            });
            $('.menu-007').on('mouseleave',function(){
                $('.menu-item.hover').removeClass('hover');
                $('.menu-007 .menu-item:nth-child(2)').addClass('hover');
            });

            $('.shopbox span.fa-user').off('click');
            //天邊會員登入
            $('.shopbox span.fa-user').on('mouseenter',function(){
                $('.userbox').addClass('open');
            });
            //天邊購物車hover下拉
            $('.shopbox .fa-shopping-cart').on('mouseenter',function(){
                $("#Header_Shopcart").load('/ajax/ajax_get_cart.php','');
                $('.shopping-cartbox').addClass('open');
            });
            $('.shopbox').on('mouseleave',function(){
                $('.userbox,.shopping-cartbox').removeClass('open');
            });
            //移除menu開合事件
            $('#menu-nav').off('click','.item-title').off('click','.subtitle');
        }
    });

    function nav_censor(scroll_switch){
        if(scroll_switch){
            for(var i=1;i<nav_item.length;i++){
               if(nav_item.eq(i).find('h3').height()>45 || nav_item.eq(i).find('a.item-title').height()>45){
                    nav_item.eq(i).addClass('nav-item-big');
                    scroll_switch=false;
               }
            }
        }
        return scroll_switch;
    }

    var nav_n = false;
    $('.menu-b').on('click',function(){
        if(!nav_n){
            nav_n = true;
            $(this).addClass('close');
            $('.nav-bg,.navBox').addClass('open-nav');
            $('body').addClass('overflow-hidden');
        }else{
            nav_n = false;
            $(this).removeClass('close');
            $('.nav-bg,.navBox').removeClass('open-nav');
            $('body').removeClass('overflow-hidden');
        }
    });
    $('.nav-bg').on('click',function(){
         nav_n = false;
            $('.menu-b').removeClass('close');
            $('.nav-bg,.navBox').removeClass('open-nav');
            $('body').removeClass('overflow-hidden');
    });

    $("#Noise_Pop").on("click",".fa-times",function(e){
        e.preventDefault();
        $.ajax({
            url:"/ajax/ajax_get_noisePop.php",
            type:"POST",
            cache:false,
            async:false,
            data:{Type:'Cancel'},
            success:function(d){
                $("#Noise_Pop").remove();
            }
        });
    });
    $(".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:"/ajax/ajax_add_ad_hits-p.php",
                type:"POST",
                cache:false,
                async:false,
                data:{Hid: hid , Hdid : hdid},
                success:function(d){
                    if(url){
                        if(target == '_blank'){
                            window.open(url);
                        }else if( ( typeof target === 'undefined' ) || (target == '') ){
                            window.location = url;
                        }else{
                        }
                    }
                }
            });
        }else{
            alert("這是錯誤的連結");
        }
    });

    //點擊清空輸入框
    $(".CLEAR_INPUT").one("click", function(){
        $(this).attr('placeholder','');
    });
    
    //密碼切換顯示
    $(".password-eye").on("click", function(){
      let pwd = $(this).parents(".password-box").find(".password-input")
      if(pwd.prop("type") == "password"){
        pwd.prop("type", "text")
        $(this).addClass("disabled")
      }else{
        pwd.prop("type", "password")
        $(this).removeClass("disabled")
      }
    })
    
    //複製連結
    $(document).on("click", ".copy-btn", function(e){
      window.navigator.clipboard.writeText($(this).data("link"))
      alert("複製連結成功")
    })
});

function errorbox(title,content,button){
    var html='<div id="popupBox"><div class="contentBox"><span class="close">X</span><div class="title">標題標標題</div>內容內容內容<div class="buttons"><button class="btn">取消</button><button class="btn ok">確定</button></div></div></div>';
   $('body').append(html);
   $('body').on('click', '#popupBox .close', function(event) {
       $('#popupBox').remove();
   });
};

function noisePop(){
    if($(window).width()>= 961){
        nosise_animate = true;
        var n = 30;//最大值
        var r = Math.floor(Math.random()*n)+1;

        setTimeout(function(){
            $.ajax({
                url:"/ajax/ajax_get_noisePop.php",
                type:"POST",
                cache:false,
                async:false,
                data:{Type:'GET'},
                success:function(d){
                    if(d){
                        $("#Noise_Pop").prepend(d);
                        setTimeout(function(){
                            $("#Noise_Pop .noise_box:last").remove();
                        },5000);
                        setTimeout(function(){
                            noisePop();
                        },r*1100);
                    }
                }
            });
        },r*1000);
    }
}






// ==========================================================
//  手機版search 開關
// ==========================================================
;(function($) {
    let searchResize = ''
    $(window).on('resize', function(e){
        if(searchResize !== 'mobile' && $(this).width() <= 1024) {
            searchResize = 'mobile'

            $('.searchbox-toggle').on('click', function(e) {
                $(this).parents('.search').toggleClass('open');
                $('.nav-bg').toggleClass('open-search');
            })
            $('.nav-bg').on('click', bgCloseSearch)
        } else if(searchResize !== 'desktop' && $(this).width() > 1024) {
            searchResize = 'desktop'

            $('.searchbox-toggle').off('click').parents('.search').removeClass('open');
            $('.nav-bg').off('click', bgCloseSearch).removeClass('open-search')
        }
    })
    $(window).trigger('resize')

    function bgCloseSearch(e) {
        $(this).removeClass('open-search')
        $('.searchbox-toggle').paernts('.search').removeClass('open');
    }
})($)






// ==========================================================
//  手機版 會員區塊 開關
// ==========================================================
;(function($) {
    let memberResize = ''
    $(window).on('resize', function(e){
        if(memberResize !== 'mobile' && $(this).width() <= 1024) {
            memberResize = 'mobile'

            $('body').on('click', '.myaccount', function(e) {
                e.preventDefault()
                $(this).parents('#member').toggleClass('open');
            })
        } else if(memberResize !== 'desktop' && $(this).width() > 1024) {
            memberResize = 'desktop'

           $('body').off('click', '.myaccount')
           $('#member').removeClass('open');
        }
    })
    $(window).trigger('resize')
})($)






// ==========================================================
//  footer toggle
// ==========================================================
;(function($) {
    let footerResize = ''

    $(window).on('resize', function(e){
        if(footerResize !== 'mobile' && $(this).width() <= 768) {
            footerResize = 'mobile'

            $('body').on('click', '.panel-head button', function(e) {
                e.preventDefault()
                $(this).parents('.footer-panel').toggleClass('in-active');
            })
        } else if(footerResize !== 'desktop' && $(this).width() > 768) {
            footerResize = 'desktop'

           $('body').off('click', '.panel-head button')
           $('.footer-panel').removeClass('in-active');
        }
    }).trigger('resize')
})($)

//DATALAYER埋設
$(document).on('click','.Prod_Click_DataLayer',function(){
    var serial =$(this).attr('serial');
    var location =$(this).attr('location');
    $.ajax({
        url:"/ajax/ajax_click_product.php",
        type:"POST",
        cache:false,
        async:false,
        data:{
            Serial_No:serial,
            Location:location
        },
        error:function(d){
        },
        success:function(d){
            d = JSON.parse(d);
            //DATALAYER埋設
            if(d.FBQ)
            {
              eval(d.FBQ);
            }
            console.log(d);
        }
    });

});