$('.multi-item-carousel').on('slide.bs.carousel', function (e) {
  let $e = $(e.relatedTarget),
      itemsPerSlide = 3,
      totalItems = $('.container-product-miniature', this).length,
      $itemsContainer = $('.carousel-inner', this),
      it = itemsPerSlide - (totalItems - $e.index());
  if (it > 0) {
    for (var i = 0; i < it; i++) {
      $('.container-product-miniature', this).eq(e.direction == "left" ? i : 0).
        // append slides to the end/beginning
        appendTo($itemsContainer);
    }
  }
});


// ICC DIGITAL - MLQ - Instagram slide
let count_bestseller = 0;
let tracker_bestseller = 1;
let card_move = '';
var length_bestseller = $('#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature').length;
let mouseleave = true;

//Action for Next button
function moveCardsRightBestseller() {
  if(mouseleave == false) {
    count_bestseller = count_bestseller - $('#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature').width();
    tracker_bestseller++;
    card_move = $('#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature-'+(tracker_bestseller-1))[0];
    $('#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature-'+(tracker_bestseller-1)).remove()
    $(card_move).appendTo($('#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner'))
    if (tracker_bestseller > length_bestseller) {    
      tracker_bestseller = 1;   
      count_bestseller = 0;   
    } 
  }

}

// //Action for Prev button
function moveCardsLeftBestseller() {
    count_bestseller = count_bestseller + $('#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature').width();
    tracker_bestseller --;
    if (tracker_bestseller < 1) {
      tracker_bestseller = length_bestseller;  
    } else if (tracker_bestseller == 1) {
      tracker_bestseller = tracker_bestseller; 
    } else if(tracker_bestseller > length_bestseller) {
      tracker_bestseller = length_bestseller;  
    }
    card_move = $('#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature-'+(tracker_bestseller))[0];
    $('#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature-'+(tracker_bestseller)).remove();
    $(card_move).prependTo($('#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner'));
  
}

// Event listeners to slide the cards.
if ($(window).width() > 768) {
    $( "#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .icc_bestseller_nav.carousel-control-prev" ).click(function() {
      mouseleave = false;
      moveCardsLeftBestseller();
    });
    
    $( "#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .icc_bestseller_nav.carousel-control-next" ).click(function() {      
      mouseleave = false;
      $( "#icc_bestseller .hidden-mobile .carousel-container .slider .multi-item-carousel .icc_bestseller_nav.carousel-control-prev" ).fadeIn();
      moveCardsRightBestseller();
    });
    // if(mouseleave == true) {
    //   setInterval(moveCardsRightBestseller, 8000);
    // }

}



if ($(window).width() < 768) {
let i = 0;
let scroller = $('#icc_bestseller .hidden-desktop .carousel-container .slider');
let width_original = $('#icc_bestseller .hidden-desktop .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature').width(); 
let length_original = $('#icc_bestseller .hidden-desktop .carousel-container .slider .multi-item-carousel .carousel-inner > *').length;
let length = length_original - 2;
width_original = width_original + 10;
let width = width_original
  $("#icc_bestseller .hidden-desktop .slider").scroll(function () {
    if($(this).scrollLeft() > 5) {
      $('#icc_bestseller .carousel-container .insta-mover-btn.prev-cont').fadeIn();
    } else {
      $('#icc_bestseller .carousel-container .insta-mover-btn.prev-cont').fadeOut();
    }
  })

  $('#icc_bestseller .carousel-container .insta-mover-btn.next-cont').on('click', function () {
    console.log('test click');
    if(scroller.scrollLeft() != width && scroller.scrollLeft() != 0 && width < width_original*length) {
      width=scroller.scrollLeft();
    }
    if (width > width_original*(length-2) && width < width_original*(length) ) {
    // if(i <= 3 && width >= 460 && width  <=605) {
      width = width_original * (length_original-2);
    }
    if(Math.round(scroller.scrollLeft()) == Math.round(width) && Math.round(width) <= width_original*(length_original-2) ) {
      width = width + width_original; 
    }
    
    console.log( width );
    console.log( (width_original - 10)*(length_original-1) );
    console.log( width_original*(length) ); 
    if(Math.round(width) <= width_original*(length_original - 2) ) {
      scroller.animate({'scrollLeft': width}, 500);    
      i++;
    } else if (scroller.scrollLeft() > length && width < width_original*(length_original-2)) {
      i++;
      scroller.animate({'scrollLeft': width}, 1000);    
    } else if( width > (width_original-10)*(length_original-1) || width > width_original*(length)) {
      i = 0; 
      length = length_original - 2;
      width = width_original; 
      scroller.animate({'scrollLeft': 0}, 500);    
    }
  }); 

  $('#icc_bestseller .carousel-container .insta-mover-btn.prev-cont').on('click', function () {
    if(scroller.scrollLeft() != width && scroller.scrollLeft() > width) {
      width=scroller.scrollLeft() - width_original
    } else {
      width = width - width_original;
    }
    
    if(width <= width_original*(length_original - 2) ) {
      scroller.animate({'scrollLeft': width}, 500);    
      i++;
    } else if (scroller.scrollLeft() > length && width < width_original*(length_original-2)) {
      i++;
      scroller.animate({'scrollLeft': width}, 1000);    
    } else if( width > (width_original-10)*(length_original-1) ) {
      i = 0; 
      length = length_original - 2;
      width = width_original; 
      scroller.animate({'scrollLeft': 0}, 500);    
    }
  }); 

}