$(document).ready(function () {
  $('.filterbox').ontouchmove = function(event){
      event.preventDefault();
  }
  var _window = $(window);
  var _body = $('body');
  var change_1023 = 0;

  var clickbutton=0;
  $('.filter-button,.filterbox .close').on('click',function(){
    clickbutton++;
    if(clickbutton==1){
      $('.filterbox').css({'top':'50px'});
    }
    if(clickbutton==2){
      $('.filterbox').css({'top':'-100%'});
      clickbutton=0;
    }
  });
 $('#viewMode .view-three').on('click',function(){
    // console.log('message');
    $('#viewMode .view-three').addClass('now');
    $('#viewMode .view-four').removeClass('now');
    $('#viewMode .view-list').removeClass('now');
    $('.content').removeClass('view-four').removeClass('view-list').addClass('view-three hide-back');
    $('.content .warpper').show();
    //變更不同尺寸圖片(一列4筆:L_、一列3筆:D_)
    $('.productImg').each(function(){
      var oUrl = $(this).find('img').attr('src');
      var oUrl_Arr = oUrl.split('/');
      var oPic = oUrl_Arr[oUrl_Arr.length - 1];
      var nPic = oPic.replace('L_','D_');
      oUrl_Arr[oUrl_Arr.length - 1] = nPic;
      var nUrl = oUrl_Arr.join('/');
      $(this).find('img').attr('src',nUrl);
    });
  });
  $('#viewMode .view-four').on('click',function(){
    $('#viewMode .view-four').addClass('now');
    $('#viewMode .view-three').removeClass('now');
    $('#viewMode .view-list').removeClass('now');
    $('.content').removeClass('view-three').removeClass('view-list').addClass('view-four hide-back');
    //變更不同尺寸圖片(一列4筆:L_、一列3筆:D_)
    $('.productImg').each(function(){
      var oUrl = $(this).find('img').attr('src');
      var oUrl_Arr = oUrl.split('/');
      var oPic = oUrl_Arr[oUrl_Arr.length - 1];
      var nPic = oPic.replace('D_','L_');
      oUrl_Arr[oUrl_Arr.length - 1] = nPic;
      var nUrl = oUrl_Arr.join('/');
      $(this).find('img').attr('src',nUrl);
    });
  });
  $('#viewMode .view-list').on('click',function(){
    $('#viewMode .view-four').removeClass('now');
    $('#viewMode .view-three').removeClass('now');
    $('#viewMode .view-list').addClass('now');
    $('.content .warpper').removeAttr('style');
    $('.content').removeClass('view-four').removeClass('view-three').addClass('view-list');
  });
});





// ==========================================================
//  slide 設定
// ==========================================================
;(function($) {
    function log(obj) {
        console.log(obj)
    }

    const owlSlide = $('.picSlides-big')
    if(owlSlide.children('.picItem').length > 1) {
      owlSlide.owlCarousel({
        items: 1,
        loop: true,
        nav: true,
        dots: false,
      })
    }
})($)





// ==========================================================
//  開啟商品購買跳窗
// ==========================================================
;(function($) {
    function log(obj) {
        console.log(obj)
    }

    $('body').on('click', '.open-amount', function(e) {
      $(this).parents('.productBox').find('.amount-warpper').addClass('in-active')
    })

    $('body').on('click', '.amount-warpper', function(e) {
      if(e.target === e.currentTarget || e.target === $(this).find('.closer')[0] || $(e.target).hasClass('btn')) {
        $(this).removeClass('in-active')
      }
    })
})($)