$(function() {
  $('.error').hide();

  $(".button").click(function() {
	// validate and process form
	// first hide any error messages
    $('.error').hide();
		
	var naam = $("input#naam").val();
	if (naam == "") {
      $(".error").show();
      $("input#naam").focus();
      return false;
    }
	var email = $("input#email").val();
	if (email == "") {
      $(".error").show();
      $("input#email").focus();
      return false;
    }
	var leeftijd = $("input#leeftijd").val();
	if (leeftijd == "") {
      $(".error").show();
      $("input#leeftijd").focus();
      return false;
    }
	
	var straat 		= $("input#straat").val();
	var postcode 	= $("input#postcode").val();
	var plaats 		= $("input#plaats").val();
	
	var dataString = 'naam='+ naam + '&email=' + email + '&leeftijd=' + leeftijd + '&straat=' + straat + '&postcode=' + postcode + '&plaats=' + plaats;
	//alert (dataString);return false;
		
	$.ajax({
      type: "POST",
      url: "templates/flapuitonline/db/processform.php",
      data: dataString,
      success: function() {
        $('.form-newsletter').html("<div id='message'></div>");
        $('#message').html('<h3>Bedankt voor het aanmelden.</h3>')
        .append("")
        .hide()
        .fadeIn(1500, function() {
          $('#message').append("");
        });
      }
     });
    	return false;
	});

});

setFocus = function() {
	var sfEls = document.getElementsByTagName("INPUT");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onfocus=function() {
			this.className+=" setfocus";
		}
		sfEls[i].onblur=function() {
			this.className=this.className.replace(new RegExp(" setfocus\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", Focus);