$(document).ready(function(){
   $(".error").hide();
   
   $("input#submitbutton").click(function(event){
      
      $("input#email").css("border","1px solid white");
      $("textarea#message").css("border","1px solid white");
      $("input#realname").css("border","1px solid white");
      $("input#phone").css("border","1px solid white");
      
      $(".error").html('Senden...');
      $(".error").slideDown();
      
      var name = $("input#name").val();
      var realname = $("input#realname").val();
      var email = $("input#email").val();
      var message = $("textarea#message").val();
      var phone = $("input#phone").val();
      
      
      if (realname == "") {
         $("input#realname").css("border","1px solid red");
      } else if (email == "") {
         $("input#email").css("border","1px solid red");
      } else if (message == "") {
         $("textarea#message").css("border","1px solid red");
      } else if (phone == "") {
         $("input#phone").css("border","1px solid red");
      }
      
      datastring = 'name=' + name + '&realname=' + realname + '&email=' + email +
         '&message=' + message + '&phone=' + phone;
      
      
      $.ajax({
      type: "POST",
      url: "cform/control.php",
      data: datastring,
      success: function(msg){
        $(".error").html(msg);
        $(".error").fadeIn();
      }
    });
      return false;
   });
 });