$(document).ready(function() {

	// Wanneer er op iets wordt geklikt met de class submitbtn wordt het volgende uitgevoerd
	$("form.count").submit(function() {
		
		// Ik ga op zoek naar het huidige formulier
		var form = $(this);
		
		// Dit zet alle gegevens uit die form om naar een get string, dus var1=value1&var2=value2 etc en plaatst die in de variable values
		var values = form.serialize();
		
		// Ik ga op zoek naar de div die ik wil veranderen. Deze naam verkrijg ik via een hidden input met de id naam inclusief #, zoals bij css
		var target = form.find("input[name='target']").val();
			
		// Ga op zoek naar het totaal aantal
		var total = parseInt(form.find("input[name='total']").val());
		
		// Ga op zoek naar het minimum aantal
		var minimum = parseInt(form.find("input[name='minimum']").val());
		
		// Als total kleiner is al minimum, stop de functie en geef een alert weer
		//alert('minimum '+ minimum + ' > total ' + total + '');
		if(isNaN(total)){
			var total = parseInt(1);	
		}
		
		if (minimum > total) {
                        var new_error = errormsg.replace("[MINIMUM]", minimum);
                        alert(new_error);
			//alert('U moet minimaal ' + minimum + ' adressen selecteren om deze mogelijkheid te benutten');
		} else {
	
			// Ik maak een nieuw ajax verzoek richting server
			/*
			url: de url die ik opvraag
			data: de waardes die ik wil meegeven
			dataTypeString: wat voor soort waarde ik terugkrijg, in dit geval dus html
			success: een functie die bepaald wat er gaat gebeuren wanneer alles succesvol is. In dit geval ga ik dus de inhoud, de html dus van mijn target veranderen met hetgeen wat ik terugkrijg van scriptb.php
			*/
			$.ajax({
				url: '/html/stap3-verspreiding.php',
				data: values,
				dataTypeString: 'html',
				success: function(html) {
					$(target).html(html);			
				}
			});
			
		}
		
		// hierdoor zal een formulier niet op de normale manier gepost worden
		return false;
	});
});