/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

$(document).ready(function () {
    //global vars
    var form = $("#customForm");
    var name = $("#name");
    var nameInfo = $("#nameInfo");
    var email = $("#email");
    var emailInfo = $("#emailInfo");
    var phone = $("#phone");
    var phoneInfo = $("#phoneInfo");
    var message = $("#message");
    var messageInfo = $("#messageInfo");

    //On blur
    name.blur(validateName);
    email.blur(validateEmail);
    phone.blur(validatePhone);
    message.blur(validateMessage);
    //On key press
    name.keyup(validateName);
    phone.keyup(validatePhone);
    message.keyup(validateMessage);
    //On Submitting


    //validation functions
    function validateEmail() {
        //testing regular expression
        var a = $("#email").val();
        var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
        //if it's valid email
        if (filter.test(a)) {
            email.removeClass("error");
            emailInfo.text("Valid E-mail please, you will need it to log in!");
            emailInfo.removeClass("error");
            return true;
        }
        //if it's NOT valid
        else {
            email.addClass("error");
            emailInfo.text("Type a valid e-mail please :P");
            emailInfo.addClass("error");
            return false;
        }
    }

    function validateName() {
        //if it's NOT valid
        if (name.val().length < 4) {
            name.addClass("error");
            nameInfo.text("We want names with more than 3 letters!");
            nameInfo.addClass("error");
            return false;
        }
        //if it's valid
        else {
            name.removeClass("error");
            nameInfo.text("What's your name?");
            nameInfo.removeClass("error");
            return true;
        }
    }

    function validatePhone() {
        if (phone.val().length < 11) {
            phone.addClass("error");
            phoneInfo.text("Please enter valid Phone");
            phoneInfo.addClass("error");
            return false;
        }
        //if it's valid
        else {
            phone.removeClass("error");
            phoneInfo.text("What's your Phone?");
            phoneInfo.removeClass("error");
            return true;
        }
    }

    function validateMessage() {
        if (message.val().length < 11) {
            message.addClass("error");
            messageInfo.text("Please enter enquiry");
            messageInfo.addClass("error");
            return false;
        }
        //if it's valid
        else {
            message.removeClass("error");
            messageInfo.text("What's your Enquiry?");
            messageInfo.removeClass("error");
            return true;
        }
    }
});