$(document).ready(function(){
    $("#submit").click(function(){
        $(".error").hide();
        var hasError = false;
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        
        
        var emailFromVal = $("#emailFrom").val();
        if (emailFromVal == '') {
            $("#emailFrom").after('<span class="error">You forgot to enter the email address to send from.</span>');
            hasError = true;
        }
        else 
            if (!emailReg.test(emailFromVal)) {
                $("#emailFrom").after('<span class="error">Enter a valid email address to send from.</span>');
                hasError = true;
            }
        
        var subjectVal = $("#subject").val();
        if (subjectVal == '') {
            $("#subject").after('<span class="error">You forgot to enter the subject.</span>');
            hasError = true;
        }
        
        var messageVal = $("#message").val();
        if (messageVal == '') {
            $("#message").after('<span class="error">You forgot to enter the message.</span>');
            hasError = true;
        }
        
        
        if (hasError == false) {
            $(this).hide();
            $("#sendEmail li.buttons").append('<img src="images/loading.gif" alt="Loading" id="loading" />');
            
            $.post("sendmail.php", {
                emailFrom: emailFromVal,
                subject: subjectVal,
                message: messageVal
            }, function(data){
                if (data == 'success') {
                    $("#sendEmail").slideUp("normal", function(){
                    
                        $("#sendEmail").before('<h1>Success</h1><p style="text-align:center;">Your email was sent.</p>');
                    });
                }
                else {
                    $("#sendEmail").slideUp("normal", function(){
                    
                        $("#sendEmail").before('<h1>Error</h1><p style="text-align:center;">Your email was NOT sent.</p>');
                    });

                }
            });
        }
        
        return false;
    });
});