$(document).ready(function () {
  /* 價錢篩選end*/
   if($("#picSlides .picItem").length>0){
       $("#picSlides").owlCarousel({
           loop : true,
           items : 1,
           nav : false,
           autoplay:true,
           autoplayTimeout:5000,
           slideTransition : 'linear',
       });
   }

  $('.filterbox').ontouchmove = function(event){
      event.preventDefault();
  }
  var _window = $(window);
  var _body = $('body');
  var change_1023 = 0;
  var productSlidebox = $(".productSlidebox");
  if(_window.width() <= 1023 && change_1023 != 1023){
      change_1023 = 1023;
  }else if(_window.width() > 1023 && change_1023 != 1200){
    change_1023 = 1200;
    productSlidebox.owlCarousel({
        loop : true,
        items : 1,
        nav : true,
        slideTransition : 'linear',
        dots : false
    });
  }
  
  //=============================
  // 上方控制列的手機版彈窗 start
  //=============================
  //由.toptitle-mobile-btn上的data-index作key
  //value為對應的彈窗class
  var toptitleMap = {
    "filter" : ".toptitle-filter-wrapper",
    "order" : ".toptitle-orderlist-wrapper"
  }
  $(".toptitle-mobile-btn").on("click", function(){
    let index = $(this).data("index")
    if($(this).hasClass("open")){
      //開啟的是自己 關掉自己
      $("#topTitle").removeClass("popup-open")
      $(this).removeClass("open")
      $(toptitleMap[index]).removeClass("open")
    }else if($("#topTitle").hasClass("popup-open")){
      //開啟的是別的彈窗 關掉其他彈窗 開啟自己
      $(".toptitle-mobile-btn").removeClass("open")
      $(".toptitle-sub-wrapper").removeClass("open")
      $(this).addClass("open")
      $(toptitleMap[index]).addClass("open")
    }else{
      //誰都沒開 開啟自己
      $("#topTitle").addClass("popup-open")
      $(this).addClass("open")
      $(toptitleMap[index]).addClass("open")
    }
  })
  //點擊灰色區塊關閉全部
  $(".toptitle-popup-wrapper").on("click", function(e){
    if($(e.target).hasClass("toptitle-popup-wrapper")){
      $(".toptitle-sub-wrapper").removeClass("open")
      $(".toptitle-mobile-btn").removeClass("open")
      $("#topTitle").removeClass("popup-open")
    }
  })
  
  
  
  
  //關掉篩選器彈窗(確認按鈕)
  $(document).on("click", ".filter-check-btn", function(){
    $("#topTitle").removeClass("popup-open")
    $(".toptitle-filter-wrapper").removeClass("open")
    $(".filter-button").removeClass("open")
  })
  //=============================
  // 上方控制列的手機版彈窗 end
  //=============================
  
  $('#viewMode .view-three').on('click',function(){
    // console.log('message');
    $('#viewMode .view-three').addClass('now');
    $('#viewMode .view-four').removeClass('now');
    $('.content').removeClass('view-four').addClass('view-three hide-back');
    $('.content .warpper').show();
    setTimeout(function(){
      $('.content').removeClass('hide-back');

      productSlidebox.trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
      productSlidebox.find('.owl-stage-outer').children().unwrap();
      productSlidebox.owlCarousel({
            loop : true,
            items : 1,
            nav : true,
            dots: false,
            slideTransition : 'linear',
            navText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
        });
    },380);
  });
  $('#viewMode .view-four').on('click',function(){
    $('#viewMode .view-four').addClass('now');
    $('#viewMode .view-three').removeClass('now');
    $('.content').removeClass('view-three').addClass('view-four hide-back');
    // $('.content .warpper').hide();
    setTimeout(function(){
      $('.content').removeClass('hide-back');

      productSlidebox.trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
      productSlidebox.find('.owl-stage-outer').children().unwrap();
      productSlidebox.owlCarousel({
            loop : true,
            items : 1,
            nav : true,
            dots: false,
            slideTransition : 'linear',
            navText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
        });
    },380);
  });
  
  //手機版排序按鈕
  $(".toptitle-orderlist-item").on("click", function(){
    $(".toptitle-orderlist-item").removeClass("checked")
    let value = $(this).data("value")
    $("#orderbox").val(value).change()
    $(this).addClass("checked")
  })
});

//cache愛心刷新	
RefreshLove();