$(document).ready(function(){
	$('.contact form').validate({
    rules: {
      firstname: {
        required: true
      },
      email: {
        required: true,
        email: true
      },
      subject: {
        required: true
      },
       description: {
        required: true
      }
     
    },
    success: function(label) {
      label.text('OK!').addClass('valid');
    }
  });
							 
							 
	$('.submit_contact').submit(function() {
		  	return false;
	});

	$("#open_contact").click(function(){
		var firstname = $('input[name="firstname"]').val();
		var subject = $('input[name="subject"]').val();
		var email = $('input[name="email"]').val();
		var description = $('textarea[name="description"]').val();
	
		if(firstname == ""){	$('input[name="firstname"]').css("border", "1px solid red");
		} else { 						$('input[name="firstname"]').css("border", "none");}
		if(subject == "") {		$('input[name="subject"]').css("border", "1px solid red");
		} else { 						$('input[name="subject"]').css("border", "none");}
		if(email == "") {		$('input[name="email"]').css("border", "1px solid red");
		} else { 						$('input[name="email"]').css("border", "none");}
		if(description == ""){	$('textarea[name="description"]').css("border", "1px solid red");
		} else { 						$('textarea[name="description"]').css("border", "none");}
	
		if (firstname != "" && subject != "" && email != "" && description != "")  {
		
			$.post("mailbot.php", { actie: "contact", firstname: firstname, subject: subject, email: email, description: description },
			   function(data){
					
					if (data == "not_valid"){
						$('input[name="email"]').css("border", "1px solid red");
					}else if (data == "error_firstname"){
						$('input[name="firstname"]').css("border", "1px solid red");
						$('input[name="firstname"]').css("border", "none");
					}else if (data == "error_email"){
						$('input[name="mrnfo_email"]').css("border", "1px solid red");
						$('input[name="mrnfo_naam"]').css("border", "none");
					}else{
						$(".contact").html(data);
					}
			 });
		}
	});
  
});