$(document).ready(function () {
    var breadcrumb_on =0;
    $('#breadcrumb .inline-block').on('click',function(){
        if(breadcrumb_on==0){
            $(this).addClass('on');
            breadcrumb_on++;
        }else{
            $(this).removeClass('on');
            breadcrumb_on=0;
        }
    });


  if($("#picSlides .picItem").length>1){
      $("#picSlides").owlCarousel({
          loop : true,
          items : 1,
          nav : true,
          autoplay:true,
          autoplayTimeout:5000,
      });

  }

  $('.filterbox').ontouchmove = function(event){
      event.preventDefault();
  }
  var _window = $(window);
  var _body = $('body');
  var change_1023 = 0;
  var productSlidebox = $(".productSlidebox");
  if(_window.width() <= 1024 && change_1023 != 1023){
      change_1023 = 1024;
      $('#filtercontrol-1,#filtercontrol-2,#filtercontrol-3,#filtercontrol-4,#filtercontrol-5,#filtercontrol-6').attr('checked',true);

      $('article').on('click','.button-detail',function(){
          var now_click = $(this).parents('.productBox').index();
          console.log(now_click);
          // console.log(now_click);
          var tmp =  $.ajax({
            url:'/products/ajax/list/ajax_get_prod_detailed.php',
            type:"POST",
            cache:false,
            async:true,
            data:{Prod_Sell_ID:$(this).attr("sid"),Amount:now_click},
            error:function(d){
              alert(d.responseText);
            },
            success:function(d){
              $('.ajaxbox').remove();
              var num = parseInt($(d).attr('pop_num'));
              var oneline_n;
              if(_window.width() <= 1024 && _window.width() > 660){
                 ($('.view-three').length-1 == 1) ? oneline_n = 3 : oneline_n = 4;
               }else{
                 ($('.view-three').length-1 == 1) ? oneline_n = 2 : oneline_n = 1;
              }
              var add_n =oneline_n*(num/oneline_n|0)+oneline_n-1;
              if($('.productBox').eq(add_n).length){
                $('.productBox').eq(add_n).after(d);
              }else{
                $('.productBox').eq(add_n-1).after(d);
              }
              $('.productSlidebox2').owlCarousel({
                  loop : true,
                  items : 1,
                  nav : true,
              });
              $(".add_to_cart").magnificPopup({
                items:{
                  src:'#jump-shop',
                  type:'inline',
                  midClick: true
                }
              });
              // var now_scrollTop = $("html,body").scrollTop();
              // var now_scrollTop = Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop);
              var now_scrollTop = $('.ajaxbox').offset().top;
              console.log(now_scrollTop);
              $("html,body").animate({scrollTop: now_scrollTop - 100},600);
            }
          });
      });
  }else if(_window.width() > 1023 && change_1023 != 1200){
    change_1023 = 1200;
    productSlidebox.owlCarousel({
        loop : true,
        items : 1,
        nav : true,
    });
  }

  _window.on('resize',function(){
    $('.nstSlider').nstSlider('refresh');
      if(_window.width() <= 1023 && change_1023 != 1023){
          change_1023 = 1023;
          $('#filtercontrol-2,#filtercontrol-3,#filtercontrol-4').attr('checked',true);
          productSlidebox.trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
          productSlidebox.find('.owl-stage-outer').children().unwrap();
      }else if(_window.width() > 1023 && change_1023 != 1200){
        change_1023 = 1200;
        productSlidebox.owlCarousel({
            loop : true,
            items : 1,
            nav : true,
        });
        $('#filtercontrol-2,#filtercontrol-3,#filtercontrol-4').removeAttr('checked');
      }
  });

  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');
    $('.content').removeClass('view-four').addClass('view-three view-four hide-back');
    $('.content .warpper').show();
    setTimeout(function(){
      $('.content').removeClass('hide-back');

      $('#filtercontrol-2,#filtercontrol-3,#filtercontrol-4').attr('checked',true);
      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,
            navText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
        });
      $('#filtercontrol-1,#filtercontrol-2,#filtercontrol-3,#filtercontrol-4').removeAttr('checked');
    },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');

      $('#filtercontrol-2,#filtercontrol-3,#filtercontrol-4').attr('checked',true);
      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,
            navText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
        });
      $('#filtercontrol-2,#filtercontrol-3,#filtercontrol-4').removeAttr('checked');
    },380);
  });
});





$('.box-back .close').on('click',function(){
$('.box-back').css('display','none');
})

$('.box-front .galleryButton').on('click',function(){
$('.box-back').css('display','block');
})