$(document).ready(function(){
        $("#submit").click(function(){
                $(".error").hide();
              var hasError = false;

                var surnameVal = $("#surname").val();
                if(surnameVal == '') {
                        $("#surname").after('<span class="error">gelieve een naam in te voegen.</span>');
                        hasError = true;
                }

                var nameVal = $("#name").val();
                if(nameVal == '') {
                        $("#name").after('<span class="error">gelieve een voornaam in te voegen.</span>');
                        hasError = true;
                }

                var streetVal = $("#street").val();
                if(streetVal == '') {
                        $("#street").after('<span class="error">gelieve een straatnaam in te voegen.</span>');
                        hasError = true;
                }

                var zipVal = $("#zip").val();
                if(zipVal == '') {
                        $("#zip").after('<span class="error">gelieve een postcode in te voegen.</span>');
                        hasError = true;
                }

                var cityVal = $("#city").val();
                if(cityVal == '') {
                        $("#city").after('<span class="error">gelieve een stad in te voegen.</span>');
                        hasError = true;
                }

                var telVal = $("#tel").val();

                var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

                var emailVal = $("#email").val();
                if(emailVal == '') {
                        $("#email").after('<span class="error">You forgot to enter the email address to send to</span>');
                        hasError = true;
                } else if(!emailReg.test(emailVal)) {
                        $("#email").after('<span class="error">Enter a valid email address to send to.</span>');
                        hasError = true;
                }

                var checkVal = $(':checkbox').serialize();

                if(hasError == false) {
                        $(this).hide();

                        $.post("http://www.artisani.be/send-offerte.php",
                                $("#sendEmail").serialize(),
                                       function(data){
                                                $("#sendEmail").slideUp("normal", function() {

                                                        $("#sendEmail").before('<h1>Dank je wel</h1><p>we zullen zo snel mogelijk contact met u opnemen.<br/> klik hier om verder te surfen op <a href="http://www.selfwatchers.be">selfwatchers.be</a></p>');
                                                });
                                        }
                                 );
                }

                return false;
        });
});