$().ready(function() {

var container = $("#form1 div.error");

$.validator.addMethod(
    "dDate",
    function(value, element) {
        return value.match(/^\d\d?\-\d\d?\-\d\d\d\d$/);
    },
    "Vul een geldige datum in: dd-mm-yyyy"
);  
  
  
  $("#form1").validate({
    errorContainer: container,
    errorLabelContainer: $("ol", container),
    wrapper: 'li',
    meta: "validate",
    submitHandler: function(form) {
      
      jQuery(form).ajaxSubmit({
        target: ".success"
      });
      
      $(".success").show();
      $(".textbox").val('');
      $(".textarea").val('');
      $('.success').delay(8000).fadeOut();
      $("#container-1").delay(9000).slideToggle("slow");
    },
    rules: {
        naam: {
          required:true,
          minlength:2,
          maxlength:25  
        },
        email: {
          required:true,
          email:true 
        },  
        telefoon: {
          required:true,
          number:true,
          minlength:10,
          maxlength:10   
        },  
        leveringsdatum: {
          required:true,
          dDate:true
        },  
        personen: {
          required:true,
          number:true,
          maxlength:3
        }     
      },
    messages: {
        naam: {
          required:'<b>Naam</b> is een verplicht veld.',
          minlength:'<b>Naam</b> moet minimaal 2 karakters bevatten.',
          maxlength:'<b>Naam</b> mag maximaal 25 karakters bevatten.'  
        },
        email: {
          required:'<b>Email</b> is een verplicht veld.',
          email:'<b>Email</b> is geen geldig emailadres.' 
        },  
        telefoon: {
          required:'<b>Telefoon</b> is een verplicht veld.',
          number:true,
          minlength:'<b>Telefoon</b> moet minimaal 10 cijfers bevatten.',
          maxlength:'<b>Telefoon</b> mag maximaal 10 cijfers bevatten.'  
        },  
        leveringsdatum: {
          required:'<b>Leveringsdatum</b> is een verplicht veld.',
          dDate:"<b>Leveringsdatum</b> moet een geldige datum zijn (dd-mm-yyyy)."
        },  
        personen: {
          required:'<b>Personen</b> is een verplicht veld.',
          number:'<b>Personen</b> moet gelijk zijn aan cijfers.',
          maxlength:'<b>Personen</b> mag maximaal 3 cijfers bevatten.'  
        }     
      }    
  });
  
  
  $("#bestellen").click(function(){
    $("#container-1").slideToggle("slow");
    $(this).toggleClass("active"); return false;
  });  
  
});