//立即購買_取得商品詳細資料
function get_prod_item(SID){
    $.ajax({
        url:Project_Country+"module/ajax/ajax_get_pop_prod_item-p.php",
        type:"POST",
        cache:false,
        async:false,
        dataType:"json",
        data:{SID:SID},
        error:function(d){
            alert('網路連線過慢，網頁請重新整理');
        },
        success:function(d){
            if(d.Size_Sel==''){
                if(d.Stock>0){
                    add_to_cart(SID,1);
                }else{
                    alert(_jsLang.商品庫存不足);
                }
            }else{
                $(".buypop-title").html(d.Name);
                $('.buypop-word').html(d.Name_Sub);
                $('.buypop-picbox').html(d.Pic_Path);
                $('.buypop-price').html('NT$'+d.Price1);
                $('.buypop-selectbox').html(d.Size_Sel);
                if(d.Stock>0){
                    $('.text-smail').val(1);
                }else{
                    $('.buypop-buttonbox').html(_jsLang.商品庫存不足);
                }
                $('.text-smail').attr('max',d.Stock);
                $('.buypop-button').attr('sid',d.ID);
                $('.buypopbox').css('display','flex');
            }
        }
    });
}

//立即購買_加入購物車
function add_to_cart(SID,num){
    $.ajax({
        url:Project_Country+"ajax/ajax_add_to_cart.php",
        type:"POST",
        cache:false,
        async:false,
        data:{SID:SID, num:num, webcacheno:$('#webcacheno').val()},
        dataType: 'json',
        error:function(d){
            alert('網路連線過慢，網頁請重新整理');
        },
        success:function(d){
            if(d.Stock && d.Stock != 'null'){
                d.Stock = (d.Stock>20)?'20':d.Stock;
                if(d.Stock>0){
                    $('.text-smail').val(1);
                }else{
                    $('.text-smail').val(0);
                }
                $('.text-smail').attr('max',d.Stock);
            }

            if(d.Alert == 'OK'){
                $.ajax({
                    url:Project_Country+"ajax/ajax_get_cart.php",
                    type:"POST",
                    async:false,
                    cache:false,
                    data:{Type:'Prod',ID:SID,Act:'Add'},
                    error:function(d){
                        alert('網路連線過慢，網頁請重新整理');
                    },
                    success:function(d){
                        //$(".shopping-cartbox").css('display','none');
                        $("#Header_Shopcart").html(d);
                        $("#Header_Shopcart").parent(".shopping-cartbox").animate({'opacity':1,'maxHeight':'999px'}).css('z-index','100');
                        setTimeout(function(){
                            $("#Header_Shopcart").parent(".shopping-cartbox").animate({'maxHeight':'0px','opacity':0},function(){
                                $(this).removeAttr('style');
                                $(".shopping-cartbox").removeAttr('style');
                            });
                        },3000);
                    }
                })
            }else{
                alert(d.Alert);
            }
        }
    });
}

$(document).ready(function () {
    const _window = $(window);


    //立即購買
    $('body').on('click','.index-buyButton',function(){
        var SID = $(this).attr('sid');
        if(SID){
            get_prod_item(SID);
        }
    });
    //立即購買_關閉
    $('.buypop-close').on('click',function(){
        $('.buypopbox').removeAttr('style');
    });
    //立即購買_規格下拉選單
    $(".buypop-selectbox").on('change',".color-select, .size-select",function(){
        var SID = $(this).val();
        if(SID){
            get_prod_item(SID);
        }
    });
    //立即購買_加入購物車按鈕
    $(".buypop-buttonbox").on("click",".buypop-button",function(){
        var _item = $(this).parents(".buypop-buttonbox"),
            SID   = $(this).attr('sid') || 0,
            num   = _item.find(".amountBox").val() || 0;
            if(SID == 0){
                alert(_jsLang.請選擇尺寸或規格);
                //errorbox();
            }else if(num ==0){
                alert(_jsLang.請選擇數量);
                //errorbox();
            }else{
                add_to_cart(SID,num);
            }
    });

    //立即購買_數量-
    $('.buypop-num').on('click','.fa-minus',function(){
        var now_num = $('.amountBox').val();
        now_num = parseInt(now_num);
        if(now_num>1){
            $('.amountBox').val(now_num-1);
        }
    });
    //立即購買_數量+
    $('.buypop-num').on('click','.fa-plus',function(){
        var now_num = $('.amountBox').val();
        var max_num = $('.amountBox').attr('max');
        now_num = parseInt(now_num);
        max_num = parseInt(max_num);
        if(now_num < max_num){
            $('.amountBox').val(now_num+1);
        }
    });
    //立即購買_輸入
    $('.amountBox').keyup(function(){
        var now_num = $('.amountBox').val();
        var max_num = $('.amountBox').attr('max');
        now_num = parseInt(now_num);
        max_num = parseInt(max_num);
        $('.amountBox').val(now_num);
        if(now_num>max_num){
            $('.amountBox').val(max_num);
        }
        if(now_num<1){
            $('.amountBox').val(1);
        }
        if(isNaN(now_num)){
            $('.amountBox').val(1);
        }
    });

    //  限時商品
    $('.todaySell-silde').owlCarousel({
        responsive:{
            0:{
                items : 1
            },
            480:{
                items : 2
            },
            960:{
                items : 3
            }
        },
        nav: true,
        navText: ['',''],
        dots: false,
    });
   
});




// ==========================================================
//  天邊廣告
// ==========================================================
$(function(){
  if($(".top_adbox").length > 0){
    let box = $(".top_adbox"),
        redeyeStatus = box.attr("tag-status")
    if($(window).width() < 1200 && redeyeStatus == 2){
        box.remove()
    }
    $(document).on('click', '.top_adbox_button', function(){
        if($(window).width() < 1200){
            box.remove()
        }else{
          if($(".top_adbox").hasClass("in-active")){
            box.removeClass("in-active")
          }else{
            box.addClass("in-active")
          }
        }
    });
  }
})


// ==========================================================
//  紅眼廣告
// ==========================================================
;(function($) {
    // 首頁主廣告
    
    if($("#slideshow .slide-item").length > 1){
        var redeye = $("#slideshow")
        redeye.owlCarousel({
            loop : true,
            items : 1,
            nav : true,
            navText : ['',''],
            dots:true,
            autoplay:true,
            autoplayTimeout:9500,
            autoplayHoverPause: true,
            autoaplaySpeed: 1000,
        });
        redeye.on("translated.owl.carousel", function(e){
          let page = "00" + $(".redeye-wrapper .active .slide-item").data("page")
          $(".redeye-now").text(page.substring(page.length - 2))
        })
        
    }
    //一欄版
    if($('body').hasClass('mall-site')){
        redeyeParam = {
            loop : true,
            items : 1,
            nav : true,
            navText : ['',''],
            dots:true,
            autoplay:true,
            autoplayTimeout:9500,
            autoplayHoverPause: true,
            autoaplaySpeed: 1000,
            responsive:{
                0:{
                    stagePadding: 0,
                    margin: 10
                },
                576:{
                    stagePadding: 50,
                    margin: 15
                },
                768:{
                    stagePadding: 120,
                    margin: 15
                },
                992:{
                    stagePadding: 250,
                    margin: 15
                },
                1380:{
                    stagePadding: 400,
                    margin: 15
                }
            }
        }
    }else{
        redeyeParam = {
            loop : true,
            items : 1,
            nav : true,
            navText : ['',''],
            dots:true,
            autoplay:true,
            autoplayTimeout:9500,
            autoplayHoverPause: true,
            autoaplaySpeed: 1000
        }
    }
    if($(".slideshow-002 .slide-item").length > 0){
        var redeye = $(".slideshow-002")
        
        redeye.trigger("destroy.owl.carousel")
        
        redeye.owlCarousel(redeyeParam);
        redeye.on("translated.owl.carousel", function(e){
            let page = "00" + $(".redeye-wrapper .active .slide-item").data("page")
            $(".redeye-now").text(page.substring(page.length - 2))
        })
    }
    
    
    
    // 首頁主廣告
    if($(".slideshow-004").length != 0){
        var AID = $(".today-wrapper").find(".slide-item").eq(0).attr("AID");
        $("#Today_Title_Url").attr("href","/activities9/"+AID)

        $(".today-wrapper").owlCarousel({
            loop : false,
            responsive:{
                0:{
                    items : 2
                },
                660:{
                    items : 3
                },
                1024:{
                    items : 1
                }
            },
            nav : false,
            navText : ['',''],
            dots:true,
            autoplay:true,
            navSpeed:1000,
            autoplayTimeout:8000,
            autoplaySpeed:1000,
        });
        $(".today-wrapper").on('changed.owl.carousel',function(d){
            var AID = $(".today-wrapper").find(".slide-item").eq(d.item.index).attr("AID");
            $("#Today_Title_Url").attr("href","/activities9/"+AID)
        });
    }
})($)





// ==========================================================
//  最新消息跑馬燈
// ==========================================================
;(function($) {
    if($('.news-marquee').length) {
        $('.news-marquee').each(function(i, ele) {
            if($(ele).children().length > 1) {
                $(ele).owlCarousel({
                    items: 1,
                    nav: false,
                    dots: false,
                    autoplay: true,
                    loop: true,
                    autoplayTimeout: 8000,
                    autoplaySpeed: 1000,
                    autoplayHoverPause: true,
                    animateIn: 'slideInUp',
                    animateOut: 'slideOutUp',
                    mouseDrag: false,
                    navText: ['', ''],
                })
            }
        })
    }
})($)




// ==========================================================
//  今日限定輪播
// ==========================================================
;(function($) {
    const slideTarget = $('.todaySale').find('.product-wrapper')
    
    let todaySaleCarouselOption = {
        navText: ['',''],
        nav: true,
        dots: false,
        responsive: {
            0: {
                items: 2,
                margin: 20,
            },
            450: {
                items: 2,
                margin: 1,
            },
            768: {
                items: 3,
                margin: 1,
            }
        },
    }
    $(window).on("resize", function(){
      let width = $(window).width()
      if(width < 576){
        slideTarget.trigger("destroy.owl.carousel")
      }else{
        slideTarget.owlCarousel(todaySaleCarouselOption);
      }
    })
})($)

// ==========================================================
//  首頁廣告輪播
// ==========================================================
;(function($) {
    const slideTarget = $('.index-carousel')
    let carouselOption = {
        navText: ['',''],
        dots: false,
        nav: true,
        loop: false,
        responsive: {
            0: {
                items: 2,
                margin: 10,
            },
            576: {
                items: 2,
                margin: 15,
            },
            768: {
                items: 3,
                margin: 15,
            },
            1200: {
                items: 4,
                margin: 25,
            }
        },
    }

    slideTarget.each(function(){
        $(this).owlCarousel(carouselOption)
    })
})($)


// ==========================================================
//  右側懸浮小廣告開關
// ==========================================================
;(function($) {
    function bellCheck(step) {
        if(step % 2) {
            $('#idx-ad-right').removeClass('theme-close')
        } else {
            $('#idx-ad-right').addClass('theme-close')
        }
    }

    let nowBellStep = $('#idx-ad-right').data('step')
    bellCheck(nowBellStep)

    $('#idx-ad-right').on('click', '.toggle-button', function(e) {
        e.preventDefault()
        nowBellStep = (nowBellStep + 1) % 2
        bellCheck(nowBellStep)
    })

})($)





// ==========================================================
//  lookbook 相關 function
// ==========================================================
;(function($) {
    $(document).on("click", ".lookbook-item", function(){
      let item = $(this)
      item.toggleClass("flipped")
    })
})($)



// ==========================================================
//  影音購物
// ==========================================================
;(function($) {
    $('.video-area, .live-rooms').on('click', '.link', function(e) {
        e.preventDefault()

        const targetUrl = $(this).attr('href')
        const videoChild = `<iframe class="responsive-embed-item" src="${targetUrl}?theme=light;showinfo=0;rel=0&autoplay=1;enablejsapi=1" frameborder="0"></iframe>`

        $(this).parents('.responsive-embed').html(videoChild)
    })

    // 影音購物
    $('.video-section .wrapper').owlCarousel({
        dots: true,
        nav: false,
        responsive: {
            0: {
                items: 1,
            }
        }
    })
})($)





// ==========================================================
//  自定義連結區塊
// ==========================================================
;(function($) {
    $('.customize-links .links-wrapper').owlCarousel({
        dots: false,
        nav: true,
        loop: true,
        margin: 20,
        responsive: {
            0: {
                items: 2,
            },
            768: {
                items: 3,
            },
            1200: {
                items: 4,
            },
        }
    })
})($)


//======================================================
//  商品櫥窗
// ==========================================================
;(function($) {
    $('.showcase11-carousel').owlCarousel({
        dots: true,
        nav: false,
        loop: true,
        items: 1
    })
})($)



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


// ==========================================================
//  區塊淡入
// ==========================================================
;(function($) {
    let throttleFlag = false
    
    function throttle(method, time){
        if(throttleFlag){
            return false
        }
        throttleFlag = true
        setTimeout(function(){
            method()
            throttleFlag = false
        }, time)
    }
    
    function fadeIn(){
        let windowHeight = $(window).height()
        $('.index-block').each(function(){
            let blockItem = $(this),
                itemTop = blockItem[0].getBoundingClientRect().top

            if(itemTop < windowHeight && itemTop > 0){
                blockItem.addClass('fadeIn')
            }
        })
    }
    if($('body').hasClass('mall-site')){
        fadeIn()
        $(window).on('scroll', function(){
            throttle(fadeIn,250)
        })
    }
})($)