$(function() {
   $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $(".button").click(function() {
    $('.error').hide();
		
	  var bedrijf = $("input#bedrijf").val();
		if (bedrijf == "") {
      $("label#bedrijf_error").show();
      $("input#bedrijf").focus();
      return false;
    }
		var email = $("input#email").val();
		if (email == "") {
      $("label#mail_error").show();
      $("input#email").focus();
      return false;
    }
		var website = $("input#website").val();
		if (website == "") {
      $("label#website_error").show();
      $("input#website").focus();
      return false;
    }
		
		var dataString = 'bedrijf='+ bedrijf + '&email=' + email + '&website=' + website;
		
		$.ajax({
      type: "POST",
      url: "/emailform/process.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='message'></div>");
        $('#message').html("<p>Bedankt! Je aanvraag is succesvol verstuurd.<br/> Jouw website wordt onder de loep genomen,<br/> binnen 48 uur ontvang je een advies.</p>")
        .append("<p style='margin-left:38px'><a href=\"#\" id=\"doc-download\">Download alvast een document vol<br/> handige tips om op te vallen in Google!</a> </p>")
        .append("<img id='checkmark' src='http://www.userguru.nl/wp-content/themes/userguru/images/bttn_ok.png' />")
        .append("<a href=\"#\"><img id='checkmark2' src='http://www.userguru.nl/wp-content/themes/userguru/images/pdf_download.png' /></a> ")
        .hide()
        .fadeIn(1500, function() {
          $('#message');
        });
      }
     });
    return false;
	});
});