function filter_change()
{
    var themes = $('#themes').val();
    var area = $('#area').val();
    var date = $('#date').val();

    $('#loader').toggle();
    $('#num_results_link').toggle();

	$.getJSON(
		"/ajax/searchsailings/filter/filterchanged",
		"themes="+themes+"&area="+area+"&date="+date,
		function(data){
			$('#num_results_link').unbind();
			if(data.num_results[0] == 0)
			{
			    $('#loader').toggle();
			    $('#num_results_link').toggle();
				$('#num_results').html(data.num_results[0]);
				alert('Uw filteropdracht gaf geen resultaten terug. Verwijder een filter');
				$('#num_results_link').click(function(event){
					event.preventDefault();
					alert('Uw filteropdracht gaf geen resultaten terug. Verwijder een filter');
				});
				return;
			}
		    $('#area').empty();
		    $('#themes').empty();
		    $('#date').empty();
			$.each(data.area, function(id,name){
				$('#area').append($('<option></option>').val(id).html(name));
			});
			$.each(data.themes, function(id,name){
				$('#themes').append($('<option></option>').val(id).html(name));
			});
			$.each(data.dates, function(id,name){
				$('#date').append($('<option></option>').val(id).html(name));
			});

			$('#area').val(area);
			$('#themes').val(themes);
			$('#date').val(date);
			$('#num_results').html(data.num_results[0]);

    		$('#loader').toggle();
    	    $('#num_results_link').toggle();
		}
	);
}