window.addEvent ('domready', function () {
		if ($('filter')) {
			// als de pagina voor het eerst inlaadt, pakken we de hele agenda
			getAgendaItems ();
			$('filter').addEvent ('change', function () {
				var filter_container = new Fx.Reveal ($('filter-container'), {duration: 550, mode: 'horizontal', display: 'inline'});
				if (this.get ('value') == 'aan') {
					filter_container.reveal ();
				}
				else {
					filter_container.dissolve ();	
				}
				// als iemand gaat filteren, sturen we het request nogmaals
				getAgendaItems ();
			});
			$('jaar').addEvent ('change', getAgendaItems);
			$('maand').addEvent ('change', getAgendaItems);
		}
	});
			
	function getAgendaItems () {
		var agenda_container = new Fx.Slide ($('agenda-result-container'), {duration: 1000});
		if ($('filter').get ('value') == 'uit') {
			var req = new Request.HTML ({
				method: 'get',
				url: 'application/views/ajax/agendaresult.php',
				data: {'filter' : 'uit'},
				update: $('agenda-result-container'),
				onRequest: function () {
					agenda_container.hide ();	
				},
				onSuccess: function () {
					agenda_container.slideIn ();
				}
			}).send ();
		}
		else {
			var req = new Request.HTML ({
				method: 'get',
				url: 'application/views/ajax/agendaresult.php',
				data: {
					'filter'	: 'aan',
					'jaar'		: $('jaar').get ('value'),
					'maand'		: $('maand').get ('value')
				},
				update: $('agenda-result-container'),
				onRequest: function () {
					agenda_container.hide ();	
				},
				onSuccess: function () {
					agenda_container.slideIn ();	
				}
			}).send ();
		}
	}