// Quick Contact form validation

$(function() {
    $('.inputSelect').focus(function() {
        $('.inputSelect').removeClass('selected');
        $(this).addClass('selected');
    });

    $('input[type="submit"]').click(function() {
    
        $('.error').hide();
        $('.inputSelect').removeClass('required');
        var hasSent = false;
        var formError = false;
        var emailRegex = /^([-\w.]+@([-\w]+\.)+[\w]{2,4})$/;
        var phoneRegex = /^[1-9][1-9]$/;
        
        //validate name
        var nameVar = $('#name').val();
        if (nameVar == '') {
            $('#name').addClass('requiredBox');
            $('#labelName').text('Please enter Name').addClass('requiredText');
            formError = true;
        }
        
        //validate phone
        var phoneVar = $('#phone').val();
        if (phoneVar == '') {
            $('#phone').addClass('requiredBox');
            $('#labelPhone').text('Please enter Phone.').addClass('requiredText');
            formError = true;    
        }
        
        //validate email
        var emailVar = $('#email').val();
        if (emailVar == '') {
            $('#email').addClass('requiredBox');
            $('#labelEmail').text('Please enter email.').addClass('requiredText');
            formError = true;
        } else if (!emailRegex.test(emailVar)) {
            $('#email').addClass('requiredBox')
            $('#labelEmail').text('Please enter a valid email').addClass('requiredText');
            formError = true;
        }
        
        //comments.. no need to validate but it would be funny to throw up some regex
        var commentsVar = $('#comments').val();
        
        
        //if all is good, show loading gif--
        if (formError != true) {
        $('#form').hide();
        $('<img src="/images/loading4.gif" width="150" height="150" id="load" />').appendTo('#quickContact');
       
        //--and post to contact.php. then remove loading gif and put up 'thank you' text 
        $.post('http://mailforless.com/scripts/contact.php',
            {name: nameVar, phone: phoneVar, email: emailVar, comments: commentsVar},
            function(data) {
                $('#load').remove();
                $('<div class="sent"><h3>Thank you!</h3><br />We will be contacting you shortly about our services.</div>').appendTo('#quickContact');
                var hasSent = true;
            }, 'text');
        }       
    return false;
    });
    
});