(function ($, root, undefined) {

    $(function () {

        'use strict';

        // DOM ready, take it away
        gsap.registerPlugin('ScrollTrigger');
        gsap.config({
            nullTargetWarn: false,
        });



        // programme
        let programmeTimeslots = $('#programme .time-slot');
        let programmeTimeslotsTitles = $('#programme .time-slot.has-list .title');

        // programme title accordion
        programmeTimeslotsTitles.click(function(){
             

            let parentTimeslot = $(this).closest('.time-slot');
            let parentTimeslotTitle = parentTimeslot.find('.title');
            let sessions = parentTimeslot.find('.sessions');
            let images = parentTimeslot.find('.session-image-img');

            // show sessions
            sessions.slideToggle(300).toggleClass('active');
            parentTimeslotTitle.toggleClass('active');
                    images.each(function(){
      var parentHeight = $(this).parent().parent().height();
      $(this).height(parentHeight);
});
        });

      

        // deelnemers slider
        let $deelnemerCarousel = $('#deelnemer-carousel');
        var $carousel = $deelnemerCarousel.flickity({
            contain: true,
            freeScroll: true,
            prevNextButtons: false,
            pageDots: false,
            wrapAround: true,
            imagesLoaded: true,
          selectedAttraction: 0.014,
friction: 0.15
           
            // centered: true,
        });
      var $dotcontainer = $('#deelnemer-dot-container');
      $deelnemerCarousel.find('.slide').each(function (i) {
      $dotcontainer.append('<li class="dot" aria-label= "Page dot' + i + '"></li>');
      
      });
      
      // Flickity instance
var flkty = $carousel.data('flickity');
// elements
var $cellButtonGroup = $('.flickity-page-dots');
var $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');
});

// select cell on button click
$cellButtonGroup.on( 'click', '.dot', function() {
  var index = $(this).index();
  $carousel.flickity( 'select', index );
});
// previous
$('.flick-prev').on( 'click', function() {
  $carousel.flickity('previous');
});
// next
$('.flick-next').on( 'click', function() {
  $carousel.flickity('next');
});

        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.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();
            }

        });


        // close and clear search
        $(searchClose).click(function(){

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

        });

    });

})(jQuery, this);

/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:att-car] [126.3684] DESIGN*/
/*******************************************************************/
/* 0.8 D>D */
/* db 151 */