loadCoaches();

    function loadCoaches() {

        $("#widget-coaches-table").html("");

        var loading = document.createElement("div");
        loading.id = "ul-elements-loading";
        $("#widget-coaches").append(loading);
        $("#ul-elements-loading").html("<center><strong>LOADING DATA...</strong><br/><img width=\"50px\" src=\"/images/loader.gif\"></center>");

        var data = {};
        data['sf'] = 'coaches';
        data['DomainID'] = "13";

        $.ajax({
            url: '/data/coaches/',
            type: 'get',
            data: data,
            dataType: 'json',
            success: function(data) {

                if ( data.message != "" ) {
                    alertMsg(data.message);
                } else {
                    $("#ul-elements-loading").remove();
                    setWidget(data);
                }
            },
                error: function (jqXHR, textStatus, errorThrown)
            {
                alertMsg(jqXHR.responseText);
                $("#ul-elements-loading").remove();
            }
        });
    }

    function setWidget(data) {

        var master_table_body_0 = document.createElement("tbody");
        master_table_body_0.id = "master_table_body_0";
        $("#widget-coaches-table").append(master_table_body_0);

        var master_table_header_0 = document.createElement("thead");
        master_table_header_0.id = "master_table_header_0";
        $("#widget-coaches-table").append(master_table_header_0);
        $("#master_table_header_0").html(
            "<tr>" +
                "<th class=\"text-left\" style=\"font-size:10px; text-align: left\" width=\"10%\">Posted</th>" +
                "<th class=\"text-left\" style=\"font-size:10px; text-align: left\" width=\"25%\">Name</th>" +
                "<th class=\"text-left\" style=\"font-size:10px; text-align: left\" width=\"25%\">Title</th>" +
                "<th class=\"text-left\" style=\"font-size:10px; text-align: left\" width=\"40%\"> </th>" +
            "</tr>"
        );

        for ( var t=0; t < data.coachjobs.length; t++ ) {
            var master_table_body_row = document.createElement("tr");
            master_table_body_row.id = "master_table_body_rowsr"+t;

            var tName = data.coachjobs[t].TeamName;
            if ( data.coachjobs[t].JobType == "C" )
                tName = data.coachjobs[t].JobName;

            $("#master_table_body_0").append(master_table_body_row);
            $("#master_table_body_rowsr"+t).html(
                "<td onClick=\"viewCoachJob('" + data.coachjobs[t].CoachJobID+"');\" class=\"pt-3-half\"  width=\"10%\" style=\"text-align: left\">" + unWrapDate(data.coachjobs[t].DatePosted) + "</td>"+
                "<td onClick=\"viewCoachJob('" + data.coachjobs[t].CoachJobID+"');\" class=\"pt-3-half\"  width=\"25%\" style=\"text-align: left\">" + tName + "</td>"+
                "<td onClick=\"viewCoachJob('" + data.coachjobs[t].CoachJobID+"');\" class=\"pt-3-half\"  width=\"25%\" style=\"text-align: left\">" + data.coachjobs[t].JobTitle + "</td>"+
                "<td class=\"pt-3-half\"  width=\"40%\" style=\"text-align: left\"> </td>"
            );
        }
    }

    function viewCoachJob(CoachJobID) {
        alert(CoachJobID);
    }

    function viewCoachJob(CoachJobID) {
        $("#CoachJobID").html("");
        if ( CoachJobID == "" ) {
            return;
        }

        var data = {};
        data['sf'] = 'job';
        data['CoachJobID'] = CoachJobID;

        $.ajax({
            url: '/data/coaches/',
            type: 'get',
            data: data,
            dataType: 'json',
            success: function(data) {
                if ( data.message != "" )
                    alertMsg(data.message);
                else {
                    $("#CoachJobID").html(data.coachjob.CoachJobID);
                    $("#JobTitle").html(data.coachjob.JobTitle);
                    if ( data.coachjob.JobType == "C" )
                        $("#TeamID").html(data.coachjob.JobName);
                    else
                        $("#TeamID").html(data.coachjob.TeamName);
                    $("#PostedBy").html("Posted: " + unWrapDate(data.coachjob.DatePosted));

                    $("#JobViewer").html(data.coachjob.JobText);
                    $("#ModalJobView").modal();
                }
            },
            error: function (jqXHR, textStatus, errorThrown)
            {
                alertMsg(jqXHR.responseText);
            }
        });

    }

    function printThisJob() {
        if ( $("#CoachJobID").html() != "" ) {
            printJob($("#CoachJobID").html());
        }
    }


     function printJob(CoachJobID) {

        var data = {};
        data['sf'] = 'job';
        data['CoachJobID'] = CoachJobID;

        $.ajax({
            url: '/data/coaches/',
            type: 'get',
            data: data,
            dataType: 'json',
            success: function(data) {
                if ( data.message != "" )
                    alertMsg(data.message);
                else {
                    window.open(
                        "/app/job/" + CoachJobID,
                        "Print Job",
                        ""
                    );
                }
            },
            error: function (jqXHR, textStatus, errorThrown)
            {
                alertMsg(jqXHR.responseText);
            }
        });
    }