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", "#bestellen", function() {
	$("input[type='text']").css({'background':'white', color : '#333'});
	$(".regerror, .iban_error").hide();


	$("#lreg_body").css({'background':'#FFF', color : '#333'});
	var hasError = hasError;

	var reg_fname = 	$("#reg_fname").val();
	var reg_mname = 	$("#reg_mname").val();
	var reg_lname = 	$("#reg_lname").val();
	var reg_comp = 		$("#reg_comp").val();
	var reg_btwnr = 	$("#reg_btwnr").val();
	var reg_address = 	$("#reg_address").val();
	var reg_postal = 	$("#reg_postal").val();
	var reg_city= 		$("#reg_city").val();
	var reg_tel =	 	$("#reg_tel").val();
	var reg_email =	 	$("#reg_email").val();
	var reg_email2 =	$("#reg_email2").val();
	var reg_domain =	$("#reg_domain").val();
	var reg_hosting =	$("input[name='reg_hosting']:checked").val()
	var reg_iban =	$("#reg_iban").val();
	var reg_ibanname =	$("#reg_ibanname").val();
	var reg_remarks =	$("#reg_remarks").val();


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

	if(reg_hosting != "eMail") {
		if(reg_domain == '') { hasError = true;
			$("#reg_domain").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 == '') { hasError = true; $("#reg_address").css({'background':'yellow', color : '#333'}); }
	if(reg_city == '') { hasError = true; $("#reg_city").css({'background':'yellow', color : '#333'}); }
	if(reg_tel == '') { hasError = true; $("#reg_tel").css({'background':'yellow', color : '#333'}); }


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

	if(reg_iban != '') {
		var reg_iban = reg_iban.replace( /\s/g, ""); 
		$('#reg_iban').val(reg_iban);

	    var numericReg = /[a-zA-Z]{2}[0-9]{2}[a-zA-Z0-9]{4}[0-9]{7}([a-zA-Z0-9]?){0,16}/;
	    if(!numericReg.test(reg_iban)) {
			hasError = true;
	        $("#reg_iban").after('<div class="iban_error">Geef een geldig IBAN rekeningnummer.</div>');
		}
		if(reg_ibanname == '') { hasError = true; $("#reg_ibanname").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_fname=' + reg_fname + 
			'&reg_lname=' + reg_lname + 
			'&reg_comp=' + reg_comp + 
			'&reg_btwnr=' + reg_btwnr + 
			'&reg_address=' + reg_address + 
			'&reg_postal=' + reg_postal + 
			'&reg_city=' + reg_city +
			'&reg_tel=' + reg_tel +
			'&reg_email=' + reg_email +
			'&reg_email2=' + reg_email2 +
			'&reg_domain=' + reg_domain +
			'&reg_hosting=' + reg_hosting +
			'&reg_iban=' + reg_iban +
			'&reg_ibanname=' + reg_ibanname +
			'&reg_remarks=' + reg_remarks;

	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();
				}
				if(data == "2") {
				}
				if(data == "3") {
					$('#bestelformulier').hide();
					$('#confirm').show();

				}
				if(data == "4") {
					$('#load_error_4').show();
					$('#load_form').hide();
				}
				if(data == "5") {
					$('#load_error_5').show();
					$('#load_form').hide();

				}
			},
	            error : function(data) { 
			} 
		});
	}
	

});

/* DOMAIN CHECK */

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

	var domein = $('#domein').val();

	var domein = domein.replace( /\s/g, ""); 
	$('#domein').val(domein);

	var pattern = /^[a-z0-9-\.]+\.[a-z]{2,4}/;
	var domain = $('#domein').val();
	if(pattern.test(domein)) {}
	else {
		hasError = true;
		/*alert('nee');*/
	}
 
	if(domein == '') { hasError = true;
		$("#domein").css({'background':'yellow', color : '#333'});
	}

	if (hasError == undefined) {

	var dataString = 'domein=' + domein;

		$.ajax({
			type: "POST",
			url: "/include/process/domain_check.php",
			data: dataString,
			success: function (data) { 
				$(".domainRes").html(data);
			},
	            error : function(data) { 
				/*alert('nee' + ' ' + data);*/
			} 
		});
	}

});