$(function() {
    $('.error').hide();
    $('input.text-input').css({ backgroundColor: "#FFFFFF" });
    $('input.text-input').focus(function() {
        $(this).css({ backgroundColor: "#FFDDAA" });
    });
    $('input.text-input').blur(function() {
        $(this).css({ backgroundColor: "#FFFFFF" });
    });


    $(".button_query").click(function() {
        // validate and process form
        // first hide any error messages
        $('.error').hide();
        var ValidateRequest = "";

        var name = $("input#QRY_NAME").val();
        if (name == "") { ValidateRequest = ValidateRequest + "Applicant name missing!\n"; }

        var phone = $("#QRY_CONTACT").val();
        if (phone == "") { ValidateRequest = ValidateRequest + "Applicant contact no. missing!\n"; }

        var email = $("input#QRY_EMAIL").val();
        if (email == "") { ValidateRequest = ValidateRequest + "Email missing!\n"; }
        else {
            if ((email.indexOf('@') > 0) == false) { ValidateRequest = ValidateRequest + "Email Invalid!\n"; }
            else if ((email.indexOf('.') > 0) == false) { ValidateRequest = ValidateRequest + "Email Invalid!\n"; }
        }

        var query = $("#QRY_COMMENT").val();
        if (query == "") { ValidateRequest = ValidateRequest + "Query missing!\n"; }
        else if (query.length > 255) { ValidateRequest = ValidateRequest + "Query max 255 char!\n"; }

        if (ValidateRequest != "") {
            alert(ValidateRequest);
            return false;
        }

        var dataString = 'name=' + name + '&email=' + email + '&query=' + query + '&phone=' + phone;
        $.ajax({
            type: "POST",
            url: "submit-query.aspx",
            data: dataString,
            success: function() {
                alert("Query Submitted!");
                $("input#QRY_NAME").val('');
                $("input#QRY_CONTACT").val('');
                $("input#QRY_EMAIL").val('');
                $("#QRY_COMMENT").val('');
            }

        });
        return false;
    });
});
runOnLoad(function(){
$("input#QRY_NAME").select().focus();
});