jQuery(document).ready(function() {
	  $('a[rel*=facebox]').facebox({opacity : 0.8})
  
/* // (form plugin)
    var options = {
       dataType: "script"
      ,beforeSubmit: showrequest
      ,success: onformsubmitted
    };
    $('#contactform').ajaxForm(options);
    */
});
oForm = {};

function opencontact() {
    jQuery.facebox($('#contact_popup').html());
   // Cufon.replace('#facebox h5');
}
function opendisclaimer() {
    jQuery.facebox($('#disclaimer_popup').html());
    //Cufon.replace('#facebox h5');
}
function openprivacy() {
    jQuery.facebox($('#privacy_popup').html());
    //Cufon.replace('#facebox h5');
}

/* // (form plugin)
function showrequest(formData, jqForm, options) {
    var queryString = $.param(formData);
    alert('About to submit: \n\n' + queryString);
    return false;
}*/

function submitform(oEl) {
	var oForm = $(oEl);
    
    // (form plugin) submit the form
    //$(o_form).ajaxSubmit();

	var s_form_id = oForm.attr('id');
    
    var a_inputfields = oForm.formToArray();
    
    var s_datastring = "s_form_id=" + s_form_id + "";    
    
	/*
    s_gender, s_firstname, s_middlename, s_lastname, s_birthday
    , s_email, s_phonenumber, s_subject, s_message
    */
    $.each(a_inputfields, function(key, value){
		s_datastring += "&" + value.name + "=" + $(value).val();
    });
	
	 $.ajax({
       type: "POST"
      ,dataType: "json"
      ,data: s_datastring
      ,url: s_webroot + "json/data/contact/contact/submitform"
      ,success: function(data){
        onformsubmitted(oForm, data);
      }
    });  
}
function onformsubmitted(oElm, oData) {
	if (oData.s_status == 'done')
	{
		// show success message
    	$("#facebox #verplichtevelden").remove();
		oElm.prev().empty().append("Je bericht is succesvol verzonden, indien nodig nemen wij zo spoedig mogelijk contact met je op.<br><br>Royal Club.<br><br><a onclick='$.facebox.close()' href='javascript:;'>Klik hier</a> om het venster te sluiten.");
		oElm.remove();
    }
	else
	{
		showfielderrors(oData,oElm);
	}
}
function showfielderrors(oData,oForm) {
    
    // hide field errors
    $(oForm).find('label').css('color','black');
    
    // show message in verplichtevelden div
    //  $("#facebox #verplichtevelden").replaceWith(oData.s_message).css('color','red');
    $(oForm).find('#verplichtevelden').empty().append('Let op: verplichte velden');
	//alert($("#" + oForm.attr('id') + " #verplichtevelden").html());
    $(oForm).find('#verplichtevelden').css('color','red');
    
    // turn error labels red
    $.each(oData.a_errors, function(key, value){
       $(oForm).find('#' + key).css("color","red");
    });
}