if (typeof jQuery != 'undefined') {  
    // jQuery is loaded => print the version
    /*alert(jQuery.fn.jquery);*/
}

/* ON SELECT FORM FIELDS */

$(document).on( "change", "#select_city", function() {
	var city = $(this).val();
	var dataString = 'city='+ city;
	$.ajax({
		type: "POST",
		url: "/include/process/get_areas.php",
		data: dataString,
		success: function (data) { 
			$('#load_areas').html(data);
			$('#load_areas_sub').hide();
			$('#load_form_reg').hide();
			},
            error : function(data) { //alert('nee' + ' ' + data);
		} 
	});
});
$(document).on( "change", "#select_area", function() {
	var area = $(this).val();
	var dataString = 'area='+ area;
	$.ajax({
		type: "POST",
		url: "/include/process/get_areas_sub.php",
		data: dataString,
		success: function (data) { 
			$('#load_areas_sub').show();
			$('#load_areas_sub').html(data);

		},
            error : function(data) { //alert('nee' + ' ' + data);
		} 
	});
});
$(document).on( "change", "#select_area_sub", function() {
	var area_sub = $(this).val();
	var dataString = 'area_sub='+ area_sub;
	$('#load_form_reg').show();
});


/* REG FORM */

    $('input:text').focus(
    function(){
        $(this).css({'background':'white', color : '#333'});
		$('.regerror').hide();
    });


$(document).on( "click", "#isubmit", function() {
	$('.regerror').hide();
	$("#lreg_body").css({'background':'#FFF', color : '#333'});
	var hasError = hasError;

	var city = $('#select_city').val();
	var area = $('#select_area').val();
	var area_sub = $('#select_area_sub').val();

	var reg_body = 	$("#reg_body").val();

	var reg_fname = 	$("#reg_fname").val();
	var reg_mname = 	$("#reg_mname").val();
	var reg_lname = 	$("#reg_lname").val();
	var reg_postal = 	$("#reg_postal").val();
	var reg_address_nr= $("#reg_address_nr").val();
	var reg_email =	 	$("#reg_email").val();


    if (!$("input[name='reg_body']:checked").val()) {
			hasError = true;
		$("#lreg_body").css({'background':'yellow', color : '#333'}); 
    }

/*
	if(reg_fname == '') { hasError = true;
		$("#reg_fname").css({'background':'yellow', color : '#333'});
	}
	if(reg_lname == '') { hasError = true;
		$("#reg_lname").css({'background':'yellow', color : '#333'});
	}
*/
	reg_postal=reg_postal.replace(/(^\s*)|(\s*$)/g, "");
	if(!reg_postal.match(/^[1-9][0-9]{3}[A-Z]{2}$/i)) {
		hasError = true; $("#reg_postal").css({'background':'yellow', color : '#333'}).after('<label class="regerror">Voer postcode in als: 1234AB.</label>');
	}
	else {		}

	if(reg_address_nr == '') { hasError = true;
		$("#reg_address_nr").css({'background':'yellow', color : '#333'});
	}

	var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
	var emailaddressVal = $("#reg_email").val();
	if(emailaddressVal == '') {
		hasError = true;
		$("#reg_email").css({'background':'yellow', color : '#333'});
	}
	else if(!emailReg.test(emailaddressVal)) {
		hasError = true;
		$("#reg_email").css({'background':'yellow', color : '#333'}).after('<label class="regerror">Dit is geen geldig email adres.</label>');
	}

	var dataString = 'reg_postal=' + reg_postal + 
			'&reg_address_nr=' + reg_address_nr + 
			'&reg_email=' + reg_email +
			'&reg_body=' + reg_body +
			'&city=' + city +
			'&area=' + area +
			'&area_sub=' + area_sub;

	if (hasError == undefined) {
		$.ajax({
			type: "POST",
			url: "/include/process/insert_registration.php",
			data: dataString,
			success: function (data) { 

				if(data == "1") {
					$('#load_confirmation').show();
					$('#load_form').hide();
//alert('ja' + ' ' + data);
				}
				if(data == "2") {
				}
				if(data == "3") {
				}
				if(data == "4") {
					$('#load_error_4').show();
					$('#load_form').hide();
				}
				if(data == "5") {
					$('#load_error_5').show();
					$('#load_form').hide();

				}
			},
	            error : function(data) { 
//alert('nee' + ' ' + data);
			} 
		});
	}
	

});