$(function()
	{
		$('#prijs20').click(function() {
				$(this).removeAttr('href');
				$(this).css('cursor','pointer');
				$('#prijs20').addClass('filterActive');
				$('#prijs30').removeClass('filterActive');
				$('#prijs40').removeClass('filterActive');
				$('#hiddenprijs').val('20');	
		 });
		 $('#prijs30').click(function() {
  				$(this).removeAttr('href');
				$(this).css('cursor','pointer');
				$('#prijs30').addClass('filterActive');
				$('#prijs20').removeClass('filterActive');
				$('#prijs40').removeClass('filterActive');
				$('#hiddenprijs').val('30');
		 });
		  $('#prijs40').click(function() {
				$(this).removeAttr('href');
				$(this).css('cursor','pointer');
				$('#prijs40').addClass('filterActive');
				$('#prijs30').removeClass('filterActive');
				$('#prijs20').removeClass('filterActive');
				$('#hiddenprijs').val('40');
		 });
		 $('#berekenprijs').keyup(function() {
			  var value = $('#berekenprijs').val();
			  var prijs = value * $('#prijs').val();
			  $('#deprijs').html("" + prijs.toFixed(2));
			  $("#goprijs").val(prijs.toFixed(2));		 
		 
		 });
		 
		 $("#all").click(function() {
			$(".checkit").attr({checked : $(this).attr("checked")});
			changeAantalArrangementen()
		});
		 
		 $(".checkit").change(function () {
			changeAantalArrangementen();
		});
		
		function changeAantalArrangementen() {
			data = new Object;
			data['categories'] = "";
			$(".checkit").each(function() {
				if ($(this).attr("checked")) {
					data['categories'] += $(this).val()+",";
				}
			});
			
			$.post("getArrangementAantal.php", data,
				function(result) {
					$("#prijs20").next().text("("+result.aantalArrangementen.prijs20+")");
					$("#prijs30").next().text("("+result.aantalArrangementen.prijs30+")");
					$("#prijs40").next().text("("+result.aantalArrangementen.prijs40+")");
				} ,"json");
		}
		changeAantalArrangementen();
		 
 });

$(document).ready(function() {
	$("a.zoom").fancybox();
});