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


    /*If customer selects whole month. Set Min and Max date within month*/

    /* new dateselection */
    if ( date.match(/^[0-9]{1,2}-[0-9]{1,2}-[0-9]{4}$/) && dateMargin < 7) {
        var origDate = date;
        var baseDate = $.date(date, 'dd-MM-yyyy');
        date = baseDate.adjust('D', -dateMargin).format() + ' t/m ' + baseDate.adjust('D', +(dateMargin*2)).format();
    }
    else if (date.match(/^[0-9]{1,2}-[0-9]{1,2}-[0-9]{4}$/) && dateMargin == 7){
        var origDate = date;
        var dateSplit = date.split('-');
        var dateArray=[dateSplit];

        var month = dateArray[0][1];
        var year = dateArray[0][2];

        var dim = daysInMonth(month, year);
        var baseDate = $.date('01-'+month+'-'+year, 'dd-MM-yyyy');
        var endDate = $.date(dim+'-'+month+'-'+year, 'dd-MM-yyyy');
        date = baseDate.format() + ' t/m ' + endDate.format();
    }
    else {
        date = '';
        var origDate = '';
    }

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

	$.getJSON(
		"/ajax/searchsailings/filter/filterchanged",
		"themes="+themes+
        "&area="+area+
        "&date="+date+
        "&origdate="+origDate+
        "&datemargin="+dateMargin,
		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));
			});


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

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

$(document).ready(function(){

    /* Datepicker*/
    $('#date').datepicker();

});


function daysInMonth(month, year) {
    return new Date(year, month, 0).getDate();
}