$(function(){
  // deelnemers slider
        let $deelnemerCarousel = $('#deelnemer-carousel');
        $deelnemerCarousel.flickity({
            contain: true,
            freeScroll: true,
            prevNextButtons: false,
            pageDots: false,
            wrapAround: true,
            imagesLoaded: true,
            selectedAttraction: 0.0125,
            // centered: true,
        });

        var $currentuser=$('#currentuser');
        var startslide=4;
        if ($currentuser.length)
        {
          console.log('currentuser found '+$currentuser.attr('data-id'));
        
            var $me=$('#deelnemer-carousel').find('[data-filter-id="'+$currentuser.attr('data-id')+'"]');
            if ($me.length)
            {
                var mypage=parseInt($me.parent().attr('data-slide-number'));
             
                console.log('my slide '+mypage);
                startslide=mypage-1;
            }
        }

        $deelnemerCarousel.flickity( 'select', startslide );


        // people search
        const searchInput = $('#search');
        const searchIcon = $('#search-icon');
        const searchClose = $('#close-icon');

        $(searchInput).on('keyup', function() {

            let searchVal = $(this).val();
            let filterItems = $('[data-filter-item]');

            if ( searchVal != '' && searchVal.length > 2) {

                // hide all
                filterItems.addClass('hidden').removeClass('active');

                // show persons
                $('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('hidden').addClass('active');

                // get first item to scroll to
                let firstPerson = $('.person-holder.active').first();

                // get the slide number of this person
                let slide = firstPerson.closest('.slide');
                let slideNumber = slide.data('slide-number');
                // console.log(slideNumber);

                // scroll to slide
                $deelnemerCarousel.flickity( 'select', slideNumber - 1);

                searchIcon.hide();
                searchClose.show().css('display','flex');

            } else {
                filterItems.removeClass('hidden');
                filterItems.removeClass('active');

                searchIcon.show().css('display','flex');
                searchClose.hide();
            }

        });
 
  
  $('.person-holder').on('mouseenter',function(){
    gsap.to($(this).find('.hovernice'),{height:'auto'});   
  });
  $('.person-holder').on('mouseleave',function(){
       gsap.to($(this).find('.hovernice'),{height:'0'});   
  });
        // close and clear search
        $(searchClose).click(function(){

            searchIcon.show().css('display','flex');
            searchClose.hide();
            searchInput.val('');
            $(searchInput).trigger('keyup');

        });

});
/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:hub-attendees] [64.3557] DESIGN*/
/*******************************************************************/
/* 0.3 D>D */
/* db 160 */