$(document).ready(function () {
  $('.filterbox').ontouchmove = function(event){
      event.preventDefault();
  }

});


// ==========================================================
// 	商品大小格切換
// ==========================================================
;(function($) {
  $('.switch-group').on('click', '.switch-item', function(e) {
    const targetClass = $(this).data('target')
    $(this).addClass('now').siblings('.switch-item').removeClass('now')
    $('#Main_Content').removeAttr('class').addClass('content items-list').addClass(targetClass)
  })
})($)


// ==========================================================
// 	列表上方廣告banner輪播
// ==========================================================
;(function($) {
    if($('.picSlides-big').length) {
      $('.picSlides-big').each(function(i, ele) {
        if($(ele).children().length > 1) {
          $(ele).owlCarousel({
            autoplay: true,
            autoplayHoverPause: true,
            autoplaySpeed: 1500,
            autoplayTimeout: 5000,
          dots: false,
          items: 1,
          loop: true,
          margin: 10,
          nav: true,
          navText: ['', ''],
        })
        }
      })
    }
})($)



// ==========================================================
//  手機版篩選器/排序 
// ==========================================================
;(function($) {
  $('.filter-button,.filterbox .close').on('click',function(){
    $('.filterbox').toggleClass('in-active')
  });
  let filterWrapper = $(".filter-popup-wrapper"),
      filterBtn = $(".filter-btn-m"),
      targetOrder = $("#orderSelectMobile"),
      targetFilter = $("#topTitle .filterbox"),
      body = $("body")
  
  function filterPopupClose(){
    body.removeClass("overflow-hidden")
    filterWrapper.removeClass("open")
    filterBtn.removeClass("open")
    targetOrder.removeClass("open")
    targetFilter.removeClass("open")
  }
  
  //開關
  filterWrapper.on("click", filterPopupClose)
  filterBtn.on("click", function(){
    let index = $(this).data("index")
    
    if($(this).hasClass("open")){
      filterPopupClose()
    }else{
      body.addClass("overflow-hidden")
      filterWrapper.addClass("open")
      filterBtn.removeClass("open")
      $(this).addClass("open")
      if(index == "order"){
        targetFilter.removeClass("open")
        targetOrder.addClass("open")
      }else if(index == "filter"){
        targetOrder.removeClass("open")
        targetFilter.addClass("open")
      }
    }
  })
  
  //排序toggle樣式
  targetOrder.on("click", ".order-item", function(){
    if(!$(this).hasClass("selected")){
      $(".order-item").removeClass("selected")
      $(this).addClass("selected")
    }
  })
})($)