$(function(){

/* var $carousel = $('.question-carousel').flickity({
wrapAround:true,
  selectedAttraction: 0.01,
         adaptiveHeight:true,
friction: 0.15,
   prevNextButtons: true,
            pageDots: true,
});
*/


  
     let $attCarousel = $('.question-carousel');
  $('.question-carousel').each(function(){
    let carousel = $(this);
    let $cells = carousel.find('.carousel-cell')
     let moreThenOne = $cells.length>1;
  
    if(moreThenOne){
      carousel.addClass('morethenone');
      if(carousel.find('.carousel-cell').length>2){carousel.addClass('morethentwo');}
      else {
        carousel.parent().addClass('hidenavdesk'); 
      }
    let $carousel = $(this).flickity({
wrapAround:true,
  selectedAttraction: 0.01,
      //watchCSS:true,
      autoPlay: true,
      //setGallerySize: false,
friction: 0.15,
   prevNextButtons: false,
      adaptiveHeight:true,
            pageDots: false,
});
      $(".question-carousel").on("mouseleave", function() {
    $(this).flickity("playPlayer");
});
  
   let flkty = $carousel.data('flickity');
  
  $carousel.on( 'staticClick.flickity', function( event, pointer, cellElement, cellIndex ) {
  if ( typeof cellIndex == 'number' ) {
    $carousel.flickity( 'selectCell', cellIndex );
  }});
    let $dotcontainer = $(this).parent().find('.casesslidenav').find('.flickity-page-dots');
//var $dotcontainer = $('#cases-dot-container');
      $(this).find('.carousel-cell').each(function (i) {
      $dotcontainer.append('<li class="dot" aria-label= "Page dot' + i + '"></li>');
      });
  $dotcontainer.find('.dot').first().addClass('is-selected');
        let $slidenav = $(this).parent().find('.casesslidenav')
  let $prev = $slidenav.find('.flick-prev');
  let $next = $slidenav.find('.flick-next');
  
  
// elements
let $cellButtonGroup = $slidenav.find('.flickity-page-dots');
let $cellButtons = $cellButtonGroup.find('.dot');

// update selected cellButtons
$carousel.on( 'select.flickity', function() {
  $cellButtons.filter('.is-selected')
    .removeClass('is-selected');
  $cellButtons.eq( flkty.selectedIndex )
    .addClass('is-selected');
  checkArrows();
});

// select cell on button click
$cellButtonGroup.on( 'click', '.dot', function() {
  var index = $(this).index();
  $carousel.flickity( 'select', index );
});
$(window).on( 'load', function() {
  $carousel.flickity('resize');
});
// previous
$prev.on( 'click', function() {
  $carousel.flickity('previous');
});
// next
$next.on( 'click', function() {
  $carousel.flickity('next');
});
checkArrows(flkty,$prev,$next);
    }
    else {
     $cells.addClass('is-selected');
      carousel.parent().addClass('hidenav');
    }
  });
        
  
  function checkArrows(flkty,$prev,$next) { 
  if(flkty){
    if(flkty.selectedIndex == 0) {
  disablePrev($prev);
    enableNext($next);
  }
  else if(flkty.selectedIndex == (flkty.cells.length - 1 )){
     disableNext($next);
    enablePrev($prev);
  }
  else {
  enablePrev($prev);
    enableNext($next);
  }
  }}
  
function disableNext($next) {
$next.css('z-index','-99');
};
  
  function enableNext($next) {
  $next.css('z-index','1');
  };
  function disablePrev($prev) {
  $prev.css('z-index','-99');
  };
  function enablePrev($prev) {
  $prev.css('z-index','1');
  };
  

});
/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:hub-questions] [63.3414] DESIGN*/
/*******************************************************************/
/* 0.4 D>D */
/* db 156 */