Elsendoorn

In addition the javascript:

jQuery(document).ready(function($) {

var $div = $(“#cscf”);

var $form = $div.find(“#frmCSCF”);

$form.find(“#recaptcha_response_field”).focus(function() {

$errele = $form.find(“div[for=’cscf_recaptcha’]”);
$errele.html(”);

});

$form.validate({

errorElement: ‘span’,
errorClass: ‘help-block’,

highlight: function(element) {
$(element).closest(‘.form-group’).removeClass(‘has-success’).addClass(‘has-error’);
},
success: function(element) {
element.closest(‘.form-group’).removeClass(‘has-error’).addClass(‘has-success’);
}

});

$form.submit(function (event) {

$button = $(this).find(“button”);
$button.attr(“disabled”,”disabled”);

event.preventDefault();

if ($form.validate().valid() ) {

$.ajax({
type : “post”,
dataType : “json”,
cache: false,
url : cscfvars.ajaxurl,
data : $($form).serialize() + “&action=cscf-submitform”,
success: function(response,strText) {
if (response.valid === true) {
//show sent message div
$formdiv=$div.find(“.cscfForm”);
$formdiv.css(‘display’,’none’);
$messagediv=$div.find(“.cscfMessageSent”);
if (response.sent === false ) {
$messagediv=$div.find(“.cscfMessageNotSent”);
}

$messagediv.css(‘display’,’block’);

if ( isScrolledIntoView($div) == false) {
scrollTo($div.selector);
}
}

else {
$.each(response.errorlist, function(name, value) {
$errele = $form.find(“div[for=’cscf_” + name +”‘]”);
$errele.html(value);
$errele.closest(‘.control-group’).removeClass(‘success’).addClass(‘error’);
});
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
if (window.console) {
console.log(“Status: ” + textStatus + “Error: ” + errorThrown + “Response: ” + XMLHttpRequest.responseText);
}

}

});

};
$button.removeAttr(“disabled”);
});

});

function scrollTo(id)
{
// Scroll
jQuery(‘html,body’).animate({scrollTop: jQuery(id).offset().top},’slow’);
}

function isScrolledIntoView(elem)
{
var docViewTop = jQuery(window).scrollTop();
var docViewBottom = docViewTop + jQuery(window).height();

var elemTop = jQuery(elem).offset().top;
var elemBottom = elemTop + jQuery(elem).height();

return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}