$(function(){
    /*後端*/

     $(".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 class="pic" 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 class="pic"  href="' + href + '"><img src="/upload_files/fonlego-rwd/website/' + pic + '" /></a>': '';
     });

    if($('.marquee .marquee-link').length > 1){
        $('.marquee').owlCarousel({
            loop : true,
            // items : 5,
            responsive:{
                0:{
                    items : 1
                },
                1199:{
                    items : 1
                }
            },
            autoplay:true,
            smartSpeed:1000,
            nav :false,
            navText : ['',''],
            dots: false,
        });
    }
     $(".Select_This_Country").on("click","li,label, button",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');
     });

    var _window = $(window);
    var _body = $('body');
    var change_1199 = 0;
    var nav_item =$('#menu-nav .nav-item');
    var scroll_switch=true;
    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);
    });
    //上方廣告
    var button =0;
    $('.top_adbox_button').on('click',function(){
        if(_window.width() <= 1200){
            $(".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;

    /* 手機平板 */
    if(_window.width() <= 1200){
        //上方廣告
        if($('.top_adbox').attr('tag-status') == '1'){
            $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times');
            $(".top_adbox").show();
        };
        //menu開合
        $('#menu-nav .hover').removeClass('hover');
        if(/Windows/i.test(userAgent)){
            $('#menu-nav').on('click','.item-title',function(){
                var n = $(this).parent(".open").length;
                 $(this).parent(".nav-item").removeClass('open');
                 $(this).parent(".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;
                 $(this).parent(".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;
                 $(this).parent(".nav-item").removeClass('open');
                 $(this).parent(".nav-item").removeClass('open-sub');
                 if(n == 0){
                    $(this).parent(".nav-item").addClass('open');
                 }
            }).on(' click','.subtitle',function(){
                var n = $(this).parent(".open-sub").length;
                 $(this).parent(".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_1199 != 480){
        change_1199 = 480;
        body_padding = 50;

    /* 平板 */
    }else if(_window.width() > 480 && _window.width() <= 1200 && change_1199 != 1200){
        change_1199 = 1200;
        body_padding = 75;
        body_padding_s = 50;
        nav_item.find('.subitem').attr('type','checkbox');
    /* 電腦 */
    }else if(_window.width() > 1200 && change_1199 != 1201){
        change_1199 = 1201;
        body_padding = 121;
        body_padding_s = 40;

        //天邊購物車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');
        }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);
        _window = $(window);
        if(_window.width() <= 1200 && change_1199 ==1201){
            //上方廣告
            $('.top_adbox .fa').removeClass('fa-plus').addClass('fa-times');
            $('.top_adbox_button').on('click',function(){
                $('.top_adbox').remove();
            });
            $('.search').removeAttr('style');
            $('.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');

            //off submenu-item 自動調整高度
            $('#menu-nav .nav-item').off('hover');
            $('#menu-nav .menu-002 .menu-item').off('hover');
            $('#menu-nav .menu-item .hover').removeClass('hover');

            //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_1199 != 480){
            change_1199 = 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() <= 1200 && change_1199 != 1200){
            change_1199 = 1200;
            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-002').off('mouseleave');
        }else if(_window.width() > 1200 && change_1199 != 1201){
            change_1199 = 1201;
            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-002 .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-002').on('mouseleave',function(){
                $('.menu-item.hover').removeClass('hover');
                $('.menu-002 .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');

            //hover menu-item subitem 自動調整高度
            $('#menu-nav .nav-item').hover(function(){
                var subitemboxheight = $(this).find('.menu-002 .hover .subitembox').outerHeight();
                if($(this).has('hover')){
                    if(subitemboxheight>340){
                        $(this).find('.menu-002').css({'min-height':subitemboxheight+1});
                    }
                }
            },function(){
                $('.menu-002').removeAttr('style');
            });
            $('#menu-nav .menu-002 .menu-item').hover(function(){
                if($(this).hasClass('hover')){
                    var subitemboxheight = $(this).find('.subitembox').outerHeight();
                    if(subitemboxheight>340){
                        $(this).parents('.menu-002').css({'min-height':subitemboxheight+1});
                    }
                }
            });
        }
    });

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


    $('.footer_menu').on('click','.item',function(){
            $(this).toggleClass('open');
    });

    //點擊率
    $(".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},
                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.這是錯誤的連結);
        }
    });
    //讚數加減
    $(".Thumbs_BT").on("click",function(e){
        e.preventDefault();
        if( $.isNumeric($(this).attr('pdid')) ){
            var h = $(this);
            var ID = h.attr('pdid');
            var Type = (h.attr('tbup')==1)?'Sub':'Add';
            $.ajax({
                url:"/ajax/ajax_add_thumbs-p.php",
                type:"POST",
                cache:false,
                async:false,
                dataType:"json",
                data:{Type: Type , ID : ID},
                error:function(d){
                    alert('網路連線過慢，網頁請重新整理');
                },
                success:function(d){
                    if(d.Thumbs_Up=='1'){
                        $('.content').find('.Thumbs'+ID).attr('tbup','1');
                        $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').removeClass('fa-thumbs-o-up');
                        $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').addClass('fa-thumbs-up');
                    }else{
                        $('.content').find('.Thumbs'+ID).attr('tbup','0');
                        $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').removeClass('fa-thumbs-up');
                        $('.content').find('.Thumbs'+ID).find('.Thumbs_icon').addClass('fa-thumbs-o-up');
                    }
                    $('.content').find('.Thumbs'+ID).find('.Thumbs_Num').html(d.Thumbs_Num);
                }
            });
        }else{
            alert(_jsLang.這是錯誤的連結);
        }
    });

    //點擊清空輸入框
    $(".CLEAR_INPUT").one("click", function(){
        $(this).attr('placeholder','');
    });

    //語系選擇
    $(".Select_This_Lang").on("click","label, button, .link",function(){
         $.post('/ajax/ajax_change_language.php', {Name: $(this).attr('sid')}, function(h){
            window.location.reload();
             /*if (typeof updatePage == "function"){
                 updatePage();
                 return false;
             }
             if(h){
                window.location.reload();
             }*/
         }, 'html');
    });

    //貨到通知改為連至門市
    $(document).on('click','.informForPorter',function(){
        window.location.href = '/store/';
    });





    // ==========================================================
    // 商品相關折疊區塊
    // ==========================================================
    $('.collapse-list').on('click', '.collapse-list-toggle', function(e) {
        $(this).parent('.collapse-list-item').toggleClass('in-active');
    });





    // ==========================================================
    //  .tag-list 按鈕滑過顏色變化
    // ==========================================================
    $('.tag-list .tag-list-item').each(function(i) {
        const baseBackground = $(this).css('background-color');
        const baseBorder = $(this).css('border-color');
        const baseColor = $(this).css('color');

        $(this).on('mouseenter', function(e) {
            $(this).animate({
                // backgroundColor: baseBorder,
                // color:baseBackground
                opacity:.6
            }, 250)
        })
        .on('mouseleave', function(e) {
            //console.log('moseleave')
            $(this).animate({
                backgroundColor: baseBackground,
                color:baseColor,
                opacity:1
            }, 150)
        })
    })

    //============================================================
    // 手機板footer語系
    //============================================================
    $(".footer .footer-lang-btn").on("click", function(){
      $(this).show()
    })

    //============================================================
    // 部分頁面回上一頁按鈕
    //============================================================
    $(document).on("click",".return-btn", function(){
        if(window.history.length > 1){
            window.history.go(-1);
        }else{
            window.location.href = '/products/Collection/Hit/Top/';
        }

    })

    _window.trigger('resize')
});

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

var _masonry_set = {
    columnWidth: 15,
    itemSelector: '.menu-item',
    gutter: 20,
    transitionDuration: 0
};
$('.nav-item').find('.item-subitembox .menu1-left').each(function() {
    if ($(this).find('.menu-item').length <= 2) {
        $(this).addClass('no-after');
    }
})
$(window).resize(function() {
    if ($(window).width() <= 1200) {
        $('.nav-item').off('mouseenter');
        $('.nav-item').find('.item-subitembox').each(function() {
            $(this).removeAttr('style');
        })
    } else {

    }
})
if ($(window).width() <= 1200) {
    $('.nav-item').find('.item-subitembox').each(function() {
        $(this).removeAttr('style');
    })
} else {
}

$(".table-center").find(function(){
    $(".menu_sub_a").parents(".subitembox").prevAll(".m-item-title").addClass("show-fa")
})
$(".menu1-left").find(function(){
    $(".menu-item").parents(".inner").parents(".item-subitembox").prevAll(".h3-item").addClass("show-fa")
})
$('main').on('click', '.club-aside', function(event) {
    $('body').css('position','fixed');
});
$('main').on('click', '.close-m', function(event) {
    $('body').removeAttr('style');
});

$("#menu-nav").find(function(){
    $(".menu-0010").parents(".nav-item").css('position','relative');
})

$(".ship-wrap").click(function(){
    $(this).toggleClass('hover-toggle');
})






// ==========================================================
//  天邊主選單手機版開關
// ==========================================================

;(function($) {
    let submenuStep = ''
    $(window).on('resize', function(e) {
        if($(this).width() > 1200 && submenuStep !== 'desktop') {
            submenuStep = 'desktop'
            $('.header-submenu').off('click', '.item-link')
            $('.header-submenu-item').removeClass('in-active')
        } else if($(this).width() <= 1200 && submenuStep !== 'mobile') {
            submenuStep = 'mobile'
            $('.header-submenu').on('click', '.item-link', function(e) {
                $(this).parent('.header-submenu-item').toggleClass('in-active');
            })
        }
    })
})($)

//=============================
//  header今日限定
//=============================
if ($("body").hasClass("today-selling")){
  var num = parseInt($(".todaysale-countdown").data("second"),10),
      _this = $(this),
      pad = '00';
  if(num < 86400){
    //不到一天隱藏"天"
    $(".todaysale-day").hide()
    $(".todaysale-colon-day").hide()
  }
  setInterval(function(){
      num--;
      if(num <= 0)
      {
          window.location.reload();
      }

      let num2 = 0
      let day = Math.floor(num / 86400)
      num2 = num % 86400
      let hour = Math.floor(num2 / 3600)
      num2 = num2 % 3600
      let min = Math.floor(num2 / 60)
      num2 = num2 % 60
      let second = num2
      $(".todaysale-day").html(pad.substring(day.toString().length)+day);
      $(".todaysale-hour").html(pad.substring(hour.toString().length)+hour);
      $(".todaysale-minute").html(pad.substring(min.toString().length)+min);
      $(".todaysale-second").html(pad.substring(second.toString().length)+second);
  },1000);
}

//日期格式
var month = ["January", "February", "March", "April", "May", "June", "July", "August", "Septemper", "October", "November", "December"]
function dateFormat(date){
  let dateArray = date.split("-")
  return `${month[dateArray[1] - 1]} ${dateArray[2]}, ${dateArray[0]}`
}

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

});


//監聽關閉彈窗事件
$(document).on("click", ".showbox-wrapper", function(e){
    if(!$(this).find("#HITS_BT").attr("href")){
      $(".showbox-wrapper").removeClass("show")
    }else{
      //點x或黑背景
      if($(e.target).hasClass("showbox-wrapper") || ($(e.target).hasClass("showbox-close"))){
        $(".showbox-wrapper").removeClass("show")
      }
    }
  })