/* versturen formulier */
function bindMailForm() {
$("a[rel*='shadowboxmailform']").click(function(){
        // default options
		var options ={
			sTitle:'',			// titel popupvenster
			sDescription:'',	// beschrijving popupvenster
			sFrom:'',			// afzender (encrypt)
			sName:'',				// naam afzender
			sTo:'',				// ontvanger (encrypt)
			sSubject:'',		// onderwerp
			sBody:'',			// bericht
			sType:'',			// MIME-type
			sCC:'',				// cc (encrypt)
			sBCC:''				// bcc (encrypt)
		} ;
		
		// retreive given options
		var o = $(this).attr("rel");
        o = o.split("options={")[1].split("}")[0].split(",");
        
		// options vullen
		for(var p in o){
			var tmp = o[p].toString().split(':'); 
			var key = o[p].toString().split(':')[0];
			var value = o[p].toString().split(':')[1];
			
			//strip evt single quotes van de waarde
			if (!(value == null)) {
				if (value.toString().split('\'').length == 3) {
					value = value.split('\'')[1];
				}
			}
			else {
				value = '';
			}
			
			// check if valid key
			if ( key in options) {
				options[key] = value;
			}
		}
		
		// mailformulier weergeven
		Shadowbox.open(
			{
				
				type:'html',
				content:
						'<style>'+
						'#shadowbox_body {background-color:white;}'+
						'#shadowbox_body ul{margin-left:20px;}'+
						'#ajaxmailformmessage {font-size:0.9em;color:#999;}'+
						'.errortitle {color:red;}'+
						'</style>'+
						'<div id="ajaxmailformmessage" style="display:none;width:100%;">bedankt!</div>'+
						'<div id="ajaxmailform">'+
							'<h1>'+options.sTitle+
							'</h1><p class="description">'+options.sDescription+
							'</p>'+
							'<form action="" method="post" class="geenmarge" id="contactformulier"><fieldset>'+
/* 							'<input type="hidden" name="sb_frm_sFrom" id="sb_frm_sFrom" value="'+options.sFrom+'" />'+ */	
							'<input type="hidden" name="sb_frm_sTo" id="sb_frm_sTo" value="'+options.sTo+'" />'+
							'<input type="hidden" name="sb_frm_sSubject" id="sb_frm_sSubject" value="'+options.sSubject+'" />'+
/* 							'<input type="hidden" name="sb_frm_sName" id="sb_frm_sName" value="'+options.sName+'" />'+ */
							'<input type="hidden" name="sb_frm_sCC" id="sb_frm_sCC" value="'+options.sCC+'" />'+
							'<input type="hidden" name="sb_frm_sType" id="sb_frm_sType" value="'+options.sType+'" />'+
							'<input type="hidden" name="sb_frm_sBCC" id="sb_frm_sBCC" value="'+options.sBCC+'" />'+
							'<input type="hidden" name="submitted" value="1" />'+
							'<div id="verplichtKop">De velden gemarkeerd met <span class="verplicht">*</span> zijn verplicht.</div>'+
							'<table width="100%" cellspacing="0" cellpadding="0" class="hb_paragraaf_tekst">'+
							'<tr>'+
							'<td width="120" class="hb_paragraaf_tekst"><label for="sb_frm_name">Uw naam <span class="verplicht">*</span></label></td>'+
							'<td width="240" class="hb_paragraaf_tekst"><input type="Text" id="sb_frm_sName" name="sb_frm_sName" value="'+options.sName+'" maxlength="100" class="veld_long" /></td>'+
							'</tr>'+
							'<tr>'+
							'<td width="120" class="hb_paragraaf_tekst"><label for="sb_frm_sFrom">Uw e-mailadres <span class="verplicht">*</span></label></td>'+
							'<td width="240" class="hb_paragraaf_tekst"><input type="Text" id="sb_frm_sFrom" name="sb_frm_sFrom" value="'+options.sFrom+'" maxlength="100" class="veld_long" /></td>'+
							'</tr>'+
							'<tr>'+
							'<td width="120" class="hb_paragraaf_tekst"><label for="sb_frm_sBody">Uw vraag of opmerking <span class="verplicht">*</span></label></td>'+
							'<td class="hb_paragraaf_tekst" style="padding-bottom:10px;">'+
							'<textarea cols="40" rows="4" id="sb_frm_sBody" name="sb_frm_sBody" class="veld_long"></textarea>'+
							'</td>'+
							'</tr>'+
							'<tr>'+
							'<td width="120" class="hb_paragraaf_tekst">&nbsp;</td>'+
							'<td width="240" class="hb_paragraaf_tekst" style="padding-top:8px;">'+
							'<a href="#" onclick="javascript:sendMail();"><img src="/clientdata/icons/verstuurcontact.gif" alt="verstuur" title="verstuur" /></a>'+
							'</td>'+
							'</tr>'+
							'</table>'+
							'</fieldset>'+
							'</form>'+
						'</div>',
				height:300,
				width:400 }
			,{
				animate:false,
				overlayOpacity:0.05,
				modal:false
			}
		);
		
	});}

function sendMail() {
	// formulier verbergen
	$("#ajaxmailform").css("display", "none");

	// feedback aan user weergeven
	$("#ajaxmailformmessage").text("uw bericht wordt verzonden");
	$("#ajaxmailformmessage").css("display", "block");

	// variabelen uit formulier uitlezen
	var sFrom = document.getElementById('sb_frm_sFrom').value;
	var sTo = document.getElementById('sb_frm_sTo').value;
	var sSubject = document.getElementById('sb_frm_sSubject').value;
	var sBody = document.getElementById('sb_frm_sBody').value;
	var sType = document.getElementById('sb_frm_sType').value;
	var sCC = document.getElementById('sb_frm_sCC').value;
	var sBCC = document.getElementById('sb_frm_sBCC').value;
	var sName = document.getElementById('sb_frm_sType').value;
	
	// alert(sFrom);
	// alert(sTo);
	// alert(sSubject);
	// alert(sBody);
	
	// versturen
	DWREngine._execute(_ajaxConfigMailForm._cfscriptLocation, null, 'sendMail', sFrom.toString(), sTo.toString(), sSubject.toString(), sBody.toString(), sType.toString(), sCC.toString(), sBCC.toString(), sName.toString(), sendMailCallback );
}

/* callback versturen formulier */
function sendMailCallback (aMessages) {
	if ( aMessages.length > 0) {
		var messageUser = '';
		for (i=0;i<aMessages.length;i++) {
			messageUser += aMessages[i];
			if (i < aMessages.length-1) {
				messageUser += ", ";
			}
		}
		$("#ajaxmailformmessage").html('<span class="errortitle">let op!</span><br />'+messageUser);
		$("#ajaxmailform").css("display", "block");
	} else {
		// feedback aan user weergeven
		$("#ajaxmailformmessage").html('uw bericht is verzonden.<br /><a href="#" onclick="javascript:Shadowbox.close();">venster sluiten</a>');
		$("#ajaxmailformmessage").css("display", "block");
	}
}

$(document).ready( function() {
   
    bindMailForm();
});