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

        var ValidateRequest = "";
        var apply = $("input#apply").val();
        if (apply == "") { ValidateRequest = ValidateRequest + "Apply for missing!\n"; }

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

        var email = $("input#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 nop = $("input#nop").val();
        if (isNaN(nop)) { ValidateRequest = ValidateRequest + "No. of Person should be numeric!\n"; }

        var country = $("#country").val();
        if (country == "0") { ValidateRequest = ValidateRequest + "Please select country!\n"; }

        var dos = $("input#dos").val();
        if (isNaN(dos)) { ValidateRequest = ValidateRequest + "No. of Days should be numeric!\n"; }

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

        var dot = $("input#dot").val();
        var rot = $("input#rot").val();
        var phone = $("input#phone").val();
        var payment = $("#payment").val();

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

        var dataString = 'apply=' + apply + '&name=' + name + '&email=' + email + '&nop=' + nop + '&country=' + country + '&dos=' + dos + '&query=' + query + '&dot=' + dot + '&rot=' + rot + '&phone=' + phone + '&payment=' + payment;

        $.ajax({
            type: "POST",
            url: "submit-request.aspx",
            data: dataString,
            success: function() {
                $('#contact_form').html("<div id='message'></div>");
                $('#message').html("<h2>Contact Form Submitted!</h2>")
        .append("<p>We will be in touch soon.</p>")
        .hide()
        .fadeIn(1500, function() {
            $('#message').append("<img id='checkmark' src='images/check.png' />");
        });
            }
        });
        return false;
    });
});
runOnLoad(function(){
$("input#apply").select().focus();
});