jQuery(document).ready(function() {

	$.datepicker.regional['nl'] = {
			closeText: 'Sluiten',
			prevText: '?',
			nextText: '?',
			currentText: 'Vandaag',
			monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
			'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
			monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
			'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
			dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
			dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
			dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
			weekHeader: 'Wk',
			dateFormat: 'dd-mm-yy',
			firstDay: 1,
			isRTL: false,
			showMonthAfterYear: false,
			yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['nl']);

	$(function() {
		$( ".datepicker" ).datepicker({ minDate: 0 });
	});

	var naam = $( "#afmeld_naam" ),
		datum = $( "#afmeld_datum" ),
		les,
		opm = $("#afmeld_tekst"),
		allFields = $( [] ).add( naam ).add( datum ).add( opm ),
		error = $( "#afmeld_error" );
		
	function showError( t ) {
		error
			.text( t )
			.addClass( "ui-state-highlight" )
			.show();
	}

	function checkLength( o, n ) {
		if (o.length == 0 ) {
			o.addClass( "ui-state-error" );
			showError( "Geen " + n + " ingevuld." );
			return false;
		} else {
			if (o.val().length == 0 ) {
				o.addClass( "ui-state-error" );
				showError( "Geen " + n + " ingevuld." );
				return false;
			} else {
				return true;
			}
		}
	}
	
	function checkLes( l) {
		if (l == undefined) {
			showError( "Geen les geselecteerd." );
			return false;
		} else {
			return true;
		}
	}

	$( "#afmeld_knop" )
		.button()
		.click(function() {
			$( "#afmeld_form" ).dialog( "open" );
		});

	$( "#afmeld_form" ).dialog({
		autoOpen: false,
		modal: true,
		buttons: {
			"Versturen": function() {
				var bValid = true;
				allFields.removeClass( "ui-state-error" );
				error.hide();
				les = $('input[name=les]:checked').val();

				bValid = bValid && checkLength( naam, "naam" );
				bValid = bValid && checkLength( datum, "datum" );
				bValid = bValid && checkLes( les);

				if ( bValid ) {
					var gegevens = $("#form").serializeArray();
					$.ajax({
						type	: "POST",
						cache	: false,
						url		: "afmelden.php",
						data	: gegevens,
						success: function(data) {
						}
					});
					$( this ).dialog( "close" );
				}
			},
			"Afbreken": function() {
				$( this ).dialog( "close" );
			}
		},
		close: function() {
			allFields.val( "" ).removeClass( "ui-state-error" );
			error.hide();
		}
	});

});