$(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_live").click(function() {
        // validate and process form
        // first hide any error messages
        $('.error').hide();

        var ValidateRequest = "";

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

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

        var email = $("input#LIVE_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 = $("#LIVE_COMMENT").val();
        if (query == "") { ValidateRequest = ValidateRequest + "Message missing!\n"; }
        else if (query.length > 241) { ValidateRequest = ValidateRequest + "Message max 225 char!\n"; }

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

        var dataString = 'name=' + name + '&email=' + email + '&query=Live-Support: ' + query + '&phone=' + phone;

        $.ajax({
            type: "POST",
            url: "submit-query.aspx",
            data: dataString,
            success: function() {
                //            $('#query_form').html("<div id='message_query'></div>");
                //            $('#message_query').html("<h2>Contact Form Submitted!</h2>")
                //        .append("<p>We will be in touch soon.</p>")
                //        .hide()
                //        .fadeIn(1500, function() {$('#message_query').append("");});
                alert("Query Submitted!");
                $("input#LIVE_NAME").val('');
                $("input#LIVE_CONTACT").val('');
                $("input#LIVE_EMAIL").val('');
                $("#LIVE_COMMENT").val('');
            }

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