function InitializeContactUsDialog() {
    // Create the ContactUs Dialog
    $("#contactUsDialog").dialog({
        autoOpen: false,
        modal: true,
        width: 400,
        buttons: {
            "Send Email" : function(){
                var valid = ValidateContactUsForm();
                if (valid == true) {
                    $.post(
                    "ContactUs.aspx/SendEmail",
                     {
                         FName: $("#contactUsFname").val(),
                         LName: $("#contactUsLname").val(),
                         ZipCode: $("#contactUsZipcode").val(),
                         Email: $("#contactUsEmail").val(),
                         VerifyEmail: $("#contactUsConfirmEmail").val(),
                         Phone: $("#contactUsPhone").val(),
                         Comment: $("#contactUsComment").val()
                     },
                     function(data) {
                         $("#contactUsDialog").dialog("close");
                         ClearContactUsForm();
                     },
                     "json");
                }
            },
            "Cancel" : function(){
                $("#contactUsDialog").dialog("close");
                ClearContactUsForm();
            }
        },
        overlay: {
            opacity: 0.9,
            background: "black"
        }
    });

    // Attach the click event to the contact_us button in header navigation
    $("#contact_us").click(function() {
        $("#contactUsDialog").dialog("open");
    });

    $("#contactUsCancelButton").click(function() {
        $("#contactUsDialog").dialog("close");
        ClearContactUsForm();
    });

    $("#contactUsSendButton").click(function() {
        var valid = ValidateContactUsForm();
        if (valid == true) {
            $.post(
                "ContactUs.aspx/SendEmail",
                 {
                     FName: $("#contactUsFname").val(),
                     LName: $("#contactUsLname").val(),
                     ZipCode: $("#contactUsZipcode").val(),
                     Email: $("#contactUsEmail").val(),
                     Phone: $("#contactUsPhone").val(),
                     Comment: $("#contactUsComment").val()
                 },
                 function(data) {
                    $("#contactUsDialog").dialog("close");
                     ClearContactUsForm();
                 },
                 "json");
        }
    });
}

function ValidateContactUsForm() {
    $("#contactUsValidationSummary").html("");
    var valid = true;
    if ($("#contactUsFname").val() == "") {
        AddContactUsValidationMessage("First name required");
        valid = false;
    }
    if ($("#contactUsLname").val() == "") {
        AddContactUsValidationMessage("Last name required");
        valid = false;
    }
    if ($("#contactUsZipcode").val() == "") {
        AddContactUsValidationMessage("Zipcode required");
        valid = false;
    }
    if ($("#contactUsEmail").val() == "" && $("#contactUsPhone").val() == "") {
        AddContactUsValidationMessage("Email or phone number is required");
        valid = false;
    }
    if ($("#contactUsComment").val() == "") {
        AddContactUsValidationMessage("\"How may we assist\" required");
        valid = false;
    }
    return valid;
}

function AddContactUsValidationMessage(message) {
    var validationSummary = $("#contactUsValidationSummary");
    validationSummary.append("<li class='validation-summary-errors'>" + message + "</li>");
}

function ClearContactUsForm() {
    $("#contactUsFname").val("");
    $("#contactUsLname").val("");
    $("#contactUsZipcode").val("");
    $("#contactUsEmail").val("");
    $("#contactUsConfirmEmail").val("");
    $("#contactUsPhone").val("");
    $("#contactUsComment").val("");
    $("#contactUsValidationSummary").html("");
}