$(document).ready(init);

var fill  = "This field must be filled";
var incor = "Illegal symbols in text";

function init() {
    $("#contact_us_submit").click(function () {
        if ( validateFields() ) {
            $("#contact_us").submit();
        } else {
        	return false;
        }
    });
}

function validateFields() {
    $("div.red").remove();

    var username   = $("li input#cu_name");
    var email      = $("li input#cu_email");
    var c_username = $("li input#cu_username");
    var subject    = $("li input#cu_subject");
    var message    = $("li textarea#cu_message");

    var sign = true;
    
    if (!textValidate('cu_name', regex_alpha)) {
        username.css('border', '2px solid #F00');
        username.after('<div class="red">'+incor+'</div>');
        sign = false;
    }
    if (!textValidateNotEmpty( username )) {
        username.css('border', '2px solid #F00');
        username.after('<div class="red">'+fill+'</div>');
        sign = false;
    }
    
    if (!textValidateNotEmpty( email )) {
        email.css('border', '2px solid #F00');
        email.after('<div class="red">Please enter a valid email address</div>');
        sign = false;
    } else {
        if (!textValidate('cu_email', regex_email)) {
            email.css('border', '2px solid #F00');
            email.after('<div class="red">Please enter a valid email address</div>');
            sign = false;
        }
    }

    if (!textValidate('cu_username', (/^[a-zA-Z0-9\-\_\/]*$/))) {
        c_username.css('border', '2px solid #F00');
        c_username.after('<div class="red">'+incor+'</div>');
        sign = false;
    }

    if (!textValidate('cu_subject', regex_text_only)) {
        subject.css('border', '2px solid #F00');
        subject.after('<div class="red">'+incor+'</div>');
        sign = false;
    }
    if (!textValidateNotEmpty( subject )) {
        subject.css('border', '2px solid #F00');
        subject.after('<div class="red">'+fill+'</div>');
        sign = false;
    }

    if (!textValidate('cu_message', regex_text)) {
        message.css('border', '2px solid #F00');
        message.after('<div class="red">'+incor+'</div>');
        sign = false;
    }
    if (!textValidateNotEmpty( message )) {
        message.css('border', '2px solid #F00');
        message.after('<div class="red">'+fill+'</div>');
        sign = false;
    }

    return sign;
}