https://ambachtinbeeldfestival.nl/wp-content/themes/aib2025/js/site.js?ver=1788785615

1function cl(t) {
2	console.log(t);
3}
4
5/* doorloop alle cookies om te kijken of er favorieten zijn aangevinkt */
6function checkFavCookies() {
7	jQuery.each(document.cookie.split(/; */), function()  {
8		var splitCookie = this.split('=');
9		// name is splitCookie[0], value is splitCookie[1]
10		//cl(splitCookie[0]);
11		if ( splitCookie[0].substring(0,3)  == 'fav') {
12			jQuery('#toonfavs').addClass('actief');
13			id = splitCookie[0];
14			cl(id);
15			jQuery( "#" + id ).addClass("actief");
16		}
17	});
18}
19
20
21
22/* op de "Mijn favorieten" pagina (favorieten.php) staan ALLE programma-items
23   altijd in de HTML (verborgen via style="display:none"), zodat de pagina
24   voor iedereen identieke, cachebare HTML oplevert (zie favorieten.php).
25   Hier tonen we per bezoeker, puur client-side op basis van de 'actief'
26   class (gezet door checkFavCookies() aan de hand van de eigen cookies),
27   alleen de daadwerkelijk aangevinkte items. */
28function filterFavorietenPagina() {
29	if ( jQuery( "#favorieten-lijst" ).length == 0 ) {
30		return; // niet op de favorieten-pagina, niets te doen
31	}
32
33	var aantalZichtbaar = 0;
34	jQuery( "#favorieten-lijst .favitem" ).each(function( index ) {
35		if ( jQuery( this ).find( "button.maak_favoriet" ).hasClass( "actief" ) ) {
36			jQuery( this ).show();
37			aantalZichtbaar++;
38		} else {
39			jQuery( this ).hide();
40		}
41	});
42
43	if ( aantalZichtbaar == 0 ) {
44		jQuery( "#geen-favorieten" ).show();
45	} else {
46		jQuery( "#geen-favorieten" ).hide();
47	}
48}
49
50
51
52/* doorloop alle fav buttons voor het navigatie fav-actief */
53function checkFavorieten() {
54	erzijnfavorieten = false;
55	jQuery( "button.maak_favoriet" ).each(function( index ) {
56		id = "#" + jQuery(this).attr('id');
57		if ( jQuery( id ).hasClass('actief') ) {
58			erzijnfavorieten = 1;
59			cl(id);
60		}
61	});
62	if ( erzijnfavorieten ) {
63		jQuery('#toonfavs').addClass('actief');
64	} else {
65		jQuery('#toonfavs').removeClass('actief');
66	}
67}
68
69
70
71function checkProgrammaItems( filter) {
72	id = jQuery( filter ).attr('id');
73	cl(id);
74
75	/* als de knop 'toon alles' ingedrukt wordt */
76	if ( id == 'alles') {
77		jQuery('.filter label, .filter_speciaal label').removeClass('actief'); // alle checkboxen uit
78		jQuery( this ).addClass('actief');
79	} else {
80		jQuery( '.filter #alles' ).removeClass('actief');
81		jQuery( filter ).toggleClass('actief');
82	}
83
84
85	jQuery('.progcontainer > .col-small-12').hide(); // alles uit
86	progcontainers = '';
87
88
89	/* check gratis */
90	gratis = "";
91	if ( jQuery( ".filteren .filter_speciaal .checkbox" ).hasClass('actief') ) { // gratis is aan
92		gratis = "[gratis='gratis']";
93		/*
94		jQuery( ".progcontainer> .col-small-12[gratis='gratis']" ).each(function( index ) { // loop door alle programma-items
95			// DEZE ER UIT HALEN EN COMBINEREN MET DE VOLGENDE FILTERS
96		});
97		*/
98	};
99
100	// loop door alle filters heen
101	jQuery( ".filteren .filter label" ).each(function( index ) {
102		if ( jQuery( this ).hasClass('actief') && jQuery( this).attr('id')!='alles' ) {
103			progcontainers = progcontainers + " .progcontainer ." + jQuery( this ).attr('id') + gratis + ", ";
104		}
105	});
106	progcontainers = progcontainers.substring(1, progcontainers.length - 2); // remove ", "
107
108	if ( progcontainers != "" ) {
109		jQuery(progcontainers).fadeIn(250);
110	} else {
111		jQuery('.progcontainer> .col-small-12' + gratis).fadeIn(250);
112	}
113}
114
115
116jQuery(document).ready(function($) {
117
118	/* filter de programma-items op de programma-2025 pagina */
119	jQuery(".filteren .filter .checkbox, .filteren .filter_speciaal .checkbox").on("click",function(e){
120		e.preventDefault();
121		checkProgrammaItems( jQuery(this) );
122	})
123
124
125	/* ---------------------------- slick slider voor quotes */
126	jQuery('.dequotes').slick({
127		infinite: true,
128		slidesToShow: 1,
129		slidesToScroll: 1,
130		dots: true,
131		speed: 800,
132		autoplaySpeed: 5000,
133		autoplay: true,
134	});
135
136	jQuery('.heroslider').slick({
137		infinite: true,
138		slidesToShow: 1,
139		slidesToScroll: 1,
140		dots: true,
141		speed: 800,
142		autoplaySpeed: 5000,
143		autoplay: true,
144	});
145
146
147
148
149	/* ------------------------------ initial cookies controleren */
150	checkFavCookies(); // belangrijk!
151	filterFavorietenPagina(); // toon op de favorieten-pagina alleen de aangevinkte items
152
153
154	/* ------------------------------ favoriet button */

155	jQuery("button.maak_favoriet").on("click",function(e) {
156		jQuery(this).toggleClass('actief');
157		id = jQuery(this).attr('id');
158		if ( Cookies.get( id ) != 1 ) {
159			Cookies.set( id, 1, { expires: 365, path: '/', sameSite: 'Lax' });
160			jQuery('#toonfavs').addClass('actief');
161		} else {
162			Cookies.remove( id, { path: '/' } );
163		}
164		checkFavorieten();
165		filterFavorietenPagina(); // direct bijwerken als je op de favorieten-pagina zelf een hartje uit-/aanzet
166	});
167
168
169	/* ----------------------------- bij mobiele versie de filters in/uitklappen */
170	jQuery(".filters_uitklappen").on("click",function(e) {
171		jQuery(this).toggleClass('actief');
172		jQuery(".filteren").slideToggle();
173	});
174
175	/* ----------------------------- klap het filter uit als er meer dan 4 items staan op de programma pagina 2025 */
176	jQuery(".filteren .uitklappen").on("click",function(e) {
177		jQuery(this).toggleClass('actief');
178		uitklapperID = "#" + jQuery(this).data("id");
179		jQuery(uitklapperID).slideToggle();
180	});
181
182
183
184	/* ----------------------------- bij scrollen kijken of de pagina een bepaalde hoogtej heeft en dan scrolltop button aanzetten */
185	jQuery( window ).on("scroll", function() {
186		var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
187		//cl(scrollTop);
188		if ( scrollTop > 300 ) {
189			jQuery('.naartop').show();
190		} else {
191			jQuery('.naartop').hide();
192		}
193	});
194
195
196	/* ----------------------------- zoekformulier tonen */
197	jQuery("#zoeken").on("click",function(e){
198		e.preventDefault();
199		jQuery('#zoekform').toggle(300);
200		jQuery("#zoekveld").focus();
201
202	})
203
204
205	/* ------------------------------------------ faq */
206	FAQid = '0';
207	jQuery(".faq .vraag").on("click",function(e) {
208		e.preventDefault();
209		newID = "#va_" + jQuery( this ).data('id');
210
211		console.log(FAQid + ' - ' + newID );
212		if ( FAQid != newID ) {
213			jQuery( FAQid + " .antwoord").slideUp(); // andere vraag_antwoord uit
214			jQuery( FAQid ).removeClass('actief'); // andere vraag_antwoord uit
215			jQuery( newID ).addClass('actief'); // vraag_antwoord actief maken
216			jQuery( newID + " .antwoord").slideDown(); // antwoord aan
217		} else {
218			jQuery( FAQid ).toggleClass('actief'); // deze vraag_antwoord
219			jQuery( FAQid + " .antwoord").slideToggle(); // deze vraag_antwoord
220		}
221
222		FAQid = newID;
223	});
224
225
226	jQuery(".blokkenschema-left").on("click",function(){
227		var position = jQuery("#blokkenschema").position();
228		var containerbreedte = jQuery("#blokkenschema-container").width();
229		if ( position.left < 0) {
230			jQuery("#blokkenschema").animate( { left: '+=360' }, 500, function() {
231				var position = jQuery("#blokkenschema").position();
232				if ( position.left > 0 ) {
233					jQuery("#blokkenschema").animate( { left: '0' }, 500);
234				}
235
236				// and reposition categorie titel
237				var position = jQuery("#blokkenschema").position();
238				jQuery("#blokkenschema .categorie > span").animate( { left: -position.left + $( window ).width()/2 - (jQuery("#blokkenschema .categorie > span").width()/2) }, 500);
239			});
240		}
241	});
242
243	// handle klik right
244	jQuery(".blokkenschema-right").on("click",function(){
245		var position = jQuery("#blokkenschema").position();
246		var containerbreedte = jQuery("#blokkenschema-container").width();
247		var breedte = jQuery("#blokkenschema").width();
248		var maxleft = (breedte - containerbreedte);
249		if ( position.left > - maxleft) {
250			jQuery("#blokkenschema").animate( { left: '-=360' }, 500, function() {
251				var position = jQuery("#blokkenschema").position();
252				if ( position.left < - maxleft ) {
253					jQuery("#blokkenschema").animate( { left: -maxleft }, 500);
254				}
255				// and reposition categorie titel
256				var position = jQuery("#blokkenschema").position();
257				jQuery("#blokkenschema .categorie > span").animate( { left: -position.left + $( window ).width()/2 - (jQuery("#blokkenschema .categorie > span").width()/2) }, 500);
258			});
259		}
260	});
261
262
263	// zet categorie op z'n plaats
264	jQuery("#blokkenschema .categorie > span").animate( { left: jQuery( window ).width()/2 - (jQuery("#blokkenschema .categorie > span").width()/2) }, 500);
265
266
267	jQuery("#hamburger").on("click",function(e){
268		e.preventDefault();
269		jQuery('nav').slideToggle(300);
270		jQuery("#hamburger").toggleClass("toggled");
271	})
272
273	jQuery( "#hidecookies" ).click(function() {
274		var date = new Date();
275		date.setTime(date.getTime() + (24 * 30 * 60 * 1000 * 30));
276		Cookies.set('cookiesOK', 1, { expires: date, path: '/', sameSite: 'Lax' });

277		jQuery( "#cookiebeleid").slideUp();
278	})
279
280	if ( !Cookies.get('cookiesOK' ) ) {
281		jQuery( "#cookiebeleid" ).slideDown(500);
282	}
283
284});
285
286
287
288
289function isWebsite(s) {
290	var regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/
291	return ! regexp.test(s);
292}