// JavaScript Document
$(function() {
	var prijsPerMaand = $("#maxPrijsPerMaand").val();
	var afstand = $("#maxAfstandTotCampus").val();
	var aantalKS = $("#maxAantalKS").val();
	
	//slider voor de prijs
	$("#sliderPrijs").slider({
		range: "max",
		min: 150,
		max: $("#maxPrijsPerMaand").val(),
		step: 25,
		value: $("#maxPrijsPerMaand").val(),
		change: function(event, ui) {
			prijsPerMaand = ui.value;
			toonOfVerbergAdres(adresArray, prijsPerMaand, afstand, aantalKS);
			$("#huidigePrijsPerMaand").val(ui.value);
		},
		slide: function(event, ui) {
			$("#prijsPerMaand").val(String.fromCharCode(8364) + ui.value);
		}
	});
	$("#prijsPerMaand").val(String.fromCharCode(8364) + $("#sliderPrijs").slider("value"));
		
	//slider voor de afstand
	$("#sliderAfstand").slider({
		range: "max",
		min: 1.0,
		max: $("#maxAfstandTotCampus").val(),
		step: 0.5,
		value: $("#maxAfstandTotCampus").val(),
		change: function(event, ui) {
			afstand = ui.value;
			toonOfVerbergAdres(adresArray, prijsPerMaand, afstand, aantalKS);
			$("#huidigeAfstandTotCampus").val(ui.value);
		},
		slide: function(event, ui) {
			$("#afstand").val(ui.value + "km");
		}
	});
	$("#afstand").val($("#sliderAfstand").slider("value") + "km");
	
	//slider voor het aantal kamer/studio's
	$("#sliderAantalKS").slider({
		range: "max",
		min: 1,
		max: $("#maxAantalKS").val(),
		step: 1,
		value: $("#maxAantalKS").val(),
		change: function(event, ui) {
			aantalKS = ui.value;
			toonOfVerbergAdres(adresArray, prijsPerMaand, afstand, aantalKS);
			$("#huidigAantalKS").val(ui.value)
		},
		slide: function(event, ui) {
			$("#aantalKS").val(ui.value);
		}
	});
	$("#aantalKS").val($("#sliderAantalKS").slider("value"));
	
});

function radiobuttonEvent() {
	//oproepen van de functie om de adressen te verbergen/tonen
	//$('#loader').show();
	toonOfVerbergAdres(adresArray, $("#huidigePrijsPerMaand").val(), $("#huidigeAfstandTotCampus").val(), $("#huidigAantalKS").val());
	//$('#loader').hide();

}