// JavaScript Document
var resaanmeldingform = '<div id="resaanmeldingresult-a-modo" title="">';
resaanmeldingform += '</div>';
resaanmeldingform += '<div id="resaanmelding-a-modo" title="">';
resaanmeldingform += '<p>Vul hieronder uw gegevens in om u aan te melden voor Bonheur Berichten.</p>';
resaanmeldingform += '<p>&nbsp;</p>';
resaanmeldingform += '<h1>Uw gegevens</h1>';
resaanmeldingform += '<table border="0" cellspacing="0" cellpadding="0">';
resaanmeldingform += '<tr>';
resaanmeldingform += '<td width="100"><p>Aanhef</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input name="resaanmeldingaanhef" id="resaanmeldingaanhefdhr" type="radio" value="1" tabindex="1"/>Dhr.';
resaanmeldingform += '<input name="resaanmeldingaanhef" id="resaanmeldingaanhefmw" type="radio" value="2" tabindex="2"/>Mw.</p></td>';
resaanmeldingform += '<td width="20">&nbsp;</td>';
resaanmeldingform += '<td width="100"><p>&nbsp;</p></td>';
resaanmeldingform += '<td><p>&nbsp;</p></td>';
resaanmeldingform += '</tr>';
resaanmeldingform += '<tr>';
resaanmeldingform += '<td width="100"><p>Voorletters</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingvoorletters" id="resaanmeldingvoorletters" class="aanmeldinginput" tabindex="3"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '<td width="20">&nbsp;</td>';
resaanmeldingform += '<td width="100"><p>Bedrijfsnaam&nbsp;</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingbedrijfsnaam" id="resaanmeldingbedrijfsnaam" class="aanmeldinginput" tabindex="11"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '</tr>';
resaanmeldingform += '<tr>';
resaanmeldingform += '<td width="100"><p>Voornaam</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingvoornaam" id="resaanmeldingvoornaam" class="aanmeldinginput" tabindex="4"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '<td width="20">&nbsp;</td>';
resaanmeldingform += '<td width="100"><p>Adres **</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingadres" id="resaanmeldingadres" class="aanmeldinginput" tabindex="12"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '</tr>';
resaanmeldingform += '<tr>';
resaanmeldingform += '<td width="100"><p>Tussenvoegsels&nbsp;</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingtussenvoegsels" id="resaanmeldingtussenvoegsels" class="aanmeldinginput" tabindex="5"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '<td width="20">&nbsp;</td>';
resaanmeldingform += '<td width="100"><p>Postcode **</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingpostcode" id="resaanmeldingpostcode" class="aanmeldinginput" tabindex="13"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '</tr>';
resaanmeldingform += '<tr>';
resaanmeldingform += '<td width="100"><p>Achternaam */**</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingachternaam" id="resaanmeldingachternaam" class="aanmeldinginput" tabindex="6"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '<td width="20">&nbsp;</td>';
resaanmeldingform += '<td width="100"><p>Plaats **</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingplaats" id="resaanmeldingplaats" class="aanmeldinginput" tabindex="14"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '</tr>';
resaanmeldingform += '<tr>';
resaanmeldingform += '<td width="100"><p>E-mail *</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingemail" id="resaanmeldingemail" class="aanmeldinginput" tabindex="7"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '<td width="20">&nbsp;</td>';
resaanmeldingform += '<td width="100"><p>Land</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingland" id="resaanmeldingland" class="aanmeldinginput" tabindex="15"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '</tr>';
resaanmeldingform += '<tr>';
resaanmeldingform += '<td><p>Herhaal e-mail *</p>';
resaanmeldingform += '</td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingherhaalemail" id="resaanmeldingherhaalemail" class="aanmeldinginput" tabindex="8"/>'; 
resaanmeldingform += '</p>';
resaanmeldingform += '</td>';
resaanmeldingform += '<td>&nbsp;</td>';
resaanmeldingform += '<td>&nbsp;</td>';
resaanmeldingform += '<td>&nbsp;</td>';
resaanmeldingform += '</tr>';
resaanmeldingform += '<tr>';
resaanmeldingform += '<td><p>Telefoon</p></td>';
resaanmeldingform += '<td><p>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingtelnet" id="resaanmeldingtelnet" class="aanmeldinginput" style="width:46px;" tabindex="9"/>';
resaanmeldingform += '<input type="text" maxlength="100" name="resaanmeldingtelabonnee" id="resaanmeldingtelabonnee" class="aanmeldinginput" style="width:100px;" tabindex="10"/>';
resaanmeldingform += '</p></td>';
resaanmeldingform += '<td>&nbsp;</td>';
resaanmeldingform += '<td>&nbsp;</td>';
resaanmeldingform += '<td>&nbsp;</td>';
resaanmeldingform += '</tr>';
resaanmeldingform += '</table>';
resaanmeldingform += '<p>&nbsp;</p>';
resaanmeldingform += '<p><input type="checkbox" name="resaanmeldingperemail" id="resaanmeldingperemail" value="1" checked="checked" /> Ik wil graag per email op de hoogte gehouden worden.</p>';
resaanmeldingform += '<p><input type="checkbox" name="resaanmeldingperpost" id="resaanmeldingperpost" value="1" /> Ik wil graag per post op de hoogte gehouden worden.</p>';
resaanmeldingform += '<p>&nbsp;</p>';
resaanmeldingform += '<p>Velden met * zijn verplicht voor aanmelding per email. </p>';
resaanmeldingform += '<p>Velden met ** zijn verplicht voor aanmelding per post. </p>';
resaanmeldingform += '</div>';

$(document).ready(
	function(){
		$("body").append(resaanmeldingform);
	}
);

$(function(){
	// Dialog			
	$('#resaanmelding-a-modo').dialog({
		autoOpen: false,
		width: 570,
		modal: true,
		resizable: false,
		title: "Aanmelding Bonheur Berichten",
		buttons: {
			"Annuleren": function() { 
				$(this).dialog("close"); 
			}, 
			"Verzenden": function() { 
				submitAanmeldingForm();
			} 
		}
	});
	
	// Dialog Link
	$("a[href='#aanmelding']").click(function(event){
		currentAanmelding = '1-81cac1011e0dd87371de1994cca41967';
		$("#resaanmelding-a-modo").dialog('open');
		$("#resaanmeldingvoorletters").val('');
		$("#resaanmeldingvoornaam").val('');
		$("#resaanmeldingtussenvoegsels").val('');
		$("#resaanmeldingachternaam").val('');
		$("#resaanmeldingemail").val('');
		$("#resaanmeldingherhaalemail").val('');
		$("#resaanmeldingtelnet").val('');
		$("#resaanmeldingtelabonnee").val('');
		$("#resaanmeldingbedrijfsnaam").val('');
		$("#resaanmeldingadres").val('');
		$("#resaanmeldingpostcode").val('');
		$("#resaanmeldingplaats").val('');
		$("#resaanmeldingland").val('');
		return false;
	});
	
	$('#resaanmeldingresult-a-modo').dialog({
		autoOpen: false,
		width: 300,
		height: 200,
		modal: true,
		resizable: false,
		title: "Fout",
		buttons: {
			"Ga verder": function() { 
				$(this).dialog("close"); 
				return false;
			}
		}
	});
});

function showAanmeldingErrors(t){
	$("#resaanmeldingresult-a-modo").empty();
	$("#resaanmeldingresult-a-modo").append(t);
	$("#resaanmeldingresult-a-modo").dialog('option', 'title', 'Fout');
	$("#resaanmeldingresult-a-modo").dialog('option', 'width', 300);
	$("#resaanmeldingresult-a-modo").dialog('option', 'height', "auto");
	$("#resaanmeldingresult-a-modo").dialog('option','buttons',{"Ga verder":function(){$(this).dialog("close");}});
	$('#resaanmeldingresult-a-modo').dialog('open');
	return false;
}

function checkAanmeldingEmail(e){
	var re = /^([a-z0-9\-_]|\.)+@([a-z0-9\-\_]|\.)+\.[a-z]{2,4}$/i;
	return e.match(re);
}

var currentAanmelding;

function submitAanmeldingForm(){

	// do checks
	var t = "";
	var aanhefdhr = jQuery.trim($("#resaanmeldingaanhefdhr").val());
	var aanhefmw = jQuery.trim($("#resaanmeldingaanhefmw").val());
	var voorletters = jQuery.trim($("#resaanmeldingvoorletters").val());
	var voornaam = jQuery.trim($("#resaanmeldingvoornaam").val());
	var tussenvoegsels = jQuery.trim($("#resaanmeldingtussenvoegsels").val());
	var achternaam = jQuery.trim($("#resaanmeldingachternaam").val());
	var email = jQuery.trim($("#resaanmeldingemail").val());
	var herhaalemail = jQuery.trim($("#resaanmeldingherhaalemail").val());
	var telnet = jQuery.trim($("#resaanmeldingtelnet").val());
	var telabonnee = jQuery.trim($("#resaanmeldingtelabonnee").val());
	var bedrijfsnaam = jQuery.trim($("#resaanmeldingbedrijfsnaam").val());
	var adres = jQuery.trim($("#resaanmeldingadres").val());
	var postcode = jQuery.trim($("#resaanmeldingpostcode").val());
	var plaats = jQuery.trim($("#resaanmeldingplaats").val());
	var land = jQuery.trim($("#resaanmeldingland").val());
	var peremail = 0;
	if($("#resaanmeldingperemail").is(":checked")){
		peremail = 1;
	}
	var perpost = 0;
	if($("#resaanmeldingperpost").is(":checked")){
		perpost = 1;
	}
	
	if(achternaam==''){
		t += "<p>- achternaam is niet ingevuld.</p>";
	}
	if(peremail == 1){
		if(email==''){
			t += "<p>- email is niet ingevuld.</p>";
		}
		if(herhaalemail==''){
			t += "<p>- herhaal email is niet ingevuld.</p>";
		}
		if(!checkAanmeldingEmail(email)){
			t += "<p>- email bevat geen geldig emailadres.</p>";
		}
		if(!checkAanmeldingEmail(herhaalemail)){
			t += "<p>- herhaal email bevat geen geldig emailadres.</p>";
		}
		if(email!=herhaalemail){
			t += "<p>- email en herhaal email komen niet overeen.</p>";
		}
	}
	if(perpost == 1){
		if(adres==''){
			t += "<p>- adres is niet ingevuld.</p>";
		}
		if(postcode==''){
			t += "<p>- postcode is niet ingevuld.</p>";
		}
		if(plaats==''){
			t += "<p>- plaats is niet ingevuld.</p>";
		}
	}
	if(peremail == 0 && perpost == 0){
		t += "<p>- er is geen keuze gemaakt tussen aanmelding per email en aanmelding per post.</p>";
	}
	if(t != ''){
		t = "<p>De volgende fouten deden zich voor: </p>"+t;
		showAanmeldingErrors(t);
	}else{
		var curTime = new Date();

		$.ajax(
			{	type: "POST",
				url: "http://www.bonheur.nl/aanmelding/aanmeldingfill.php",
				cache: false,
				data: {	soort:"insertaanmelding",
						aanhefdhr:aanhefdhr,
						aanhefmw:aanhefmw,
						voorletters:voorletters,
						voornaam:voornaam,
						tussenvoegsels:tussenvoegsels,
						achternaam:achternaam,
						email:email,
						telnet:telnet,
						telabonnee:telabonnee,
						bedrijfsnaam:bedrijfsnaam,
						adres:adres,
						postcode:postcode,
						plaats:plaats,
						land:land,
						peremail:peremail,
						perpost:perpost,
						emailing:currentAanmelding,
						tijd:curTime.getTime()},
				dataType: "json",
				error: aanmeldingDataError,
				success: submitAanmeldingFormResult
			}
		);
	}
};

function submitAanmeldingFormResult(data,result){
	$("#resaanmelding-a-modo").dialog("close");
	if(data.error != null){
		showAanmeldingErrors(data.error);
	}else{
		var t = "<p>Hartelijk dank voor uw aanmelding.</p>";
		t += "<p>&nbsp;</p>";
		if(data.peremail == 1){
			t += "<p>Er is een email naar het opgegeven emailadres gestuurd.</p>";
			t += "<p>In deze email staat een link waarmee u uw aanmelding kunt bevestigen.</p>";
			t += "<p>&nbsp;</p>";
		}
		$("#resaanmeldingresult-a-modo").empty();
		$("#resaanmeldingresult-a-modo").append(t);
		$("#resaanmeldingresult-a-modo").dialog('option', 'title', 'Aanmelding');
		$("#resaanmeldingresult-a-modo").dialog('option', 'width', 400);
		$("#resaanmeldingresult-a-modo").dialog('option', 'height', "auto");
		$("#resaanmeldingresult-a-modo").dialog('option','buttons',{"Verder":function(){$(this).dialog("close");}});
		$('#resaanmeldingresult-a-modo').dialog('open');
	}
}

function aanmeldingDataError(XMLHttpRequest, textStatus, errorThrown){
	$("#resaanmelding-a-modo").dialog("close");
	$("#resaanmeldingresult-a-modo").empty();
	$("#resaanmeldingresult-a-modo").append("<p>&nbsp;</p><p>Er is een probleem opgetreden. Probeer het later nogmaals.</p>");
	$("#resaanmeldingresult-a-modo").append("<p>&nbsp;</p><p>"+textStatus+"</p>");
	$('#resaanmeldingresult-a-modo').dialog('open');
}