// on document ready
$(function() {
        quickMerk = $('#quickMerk').val();
        if (typeof quickMerk === "undefined") quickMerk = 'berger';
	kiesMerk(quickMerk);
});

// update prijs na veranderen formuliervelden
function updatePrijs() {
	$.post('scripts/prijsCalc.php', $('#fQuickCalc').serialize(), function(response) {
        $('#fQuickCalc :input').removeClass('fout');
        if (!response.totaal) {
            // fouten in spec!
            $.each(response, function(key, val) {
                $(document.forms[0][key]).addClass('fout');
            });
			$('.quickPrijs').html('Sorry, ongeldige invoer...');
		} else {
			$('.quickPrijs').html('Vanaf <span>'+response.totaal+'</span> incl. BTW');
		}
	}, 'json');
}

// bouw formulier voor gekozen merk
function kiesMerk(merk) {
	$('#kiesMerkBack').css('background-image', "url('images/merkFotos/"+merk+".jpg')");
	$('#kiesMerkFront').fadeOut('normal', function() {
		$('#kiesMerkFront').css('background-image', "url('images/merkFotos/"+merk+".jpg')").show();
	});
	$('#fQuickCalc').load('scripts/kiesMerk.php?merk='+merk, null, function() {
        // bind listeners to form elements
        $('#fQuickCalc').find('input:text, select').change(updatePrijs).end().find("input:radio, input:checkbox").click(updatePrijs);
        // wisselende achtergrondkleur tabelrijen
        $('#fQuickCalc tr:even').addClass('r1');
        // bepaal initiele prijs
        updatePrijs();
    });
}

// filler function
function changeForm() { }