/*--------------------------------------------------------------------------
				 Filtrer les CPT par taxonomies
---------------------------------------------------------------------------*/
/*
Ce script est en rapport avec la librairie Filterizr: https://yiotis.net/filterizr/
utilisée pour filtrer les CPT par taxonomies.

*/

$(document).ready(function() {
	
	
    var $filterContainer = $('.filter-container');
	
	// On initialise la librairie Filterizr uniquement s'il existe 
	// effectivement un conteneur filtrable
	if ($filterContainer.length > 0) {
			
			/* 
			 On définit les options pour la librairie Filterizr
			• Mise en page: https://yiotis.net/filterizr/#/tutorials/layouts
			le réglage layout sur ' sameWidth' permet à FilterizR de mieux fonctionner 
			avec les publications ayant des hauteurs différentes. 
			Cela donne un style « Masonry
			• On définit avec gutterPixels la taille de l'espace en px entre chaque vignette
			• Mode délai Alternatif pour l'apparition des vignettes: https://yiotis.net/filterizr/#/tutorials/delay-modes
			*/
			var options = {
				layout: 'sameWidth',
				gutterPixels: 20,
				delay: 250, 
				delayMode: 'alternate',
			};

			// On crée une instance de la librairie Filterizr et on passe
			// en argument les options afin de l'initialiser
			var filterizr = new Filterizr('.filter-container', options);
		
		
		/* 
		 On gére l'évènement click sur un item de la barre de filtre
		 au clic on supprime pour tous les items de filtre la classe filtering-active
		 on ajoute la classe filtering-active pour l'item de filtre sur lequel on a cliqué
		*/
		$('.filter-controls li').click(function() {
				  $('.filter-controls li').removeClass('filtering-active');
				  $(this).addClass('filtering-active');
		});
	
	}
	
});
