loadRecords();

    function loadRecords() {

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

        var data = {};
        data['sf'] = 'records';
        data['Category'] = $("#RecordCategory").val();
        data['Course'] = $("#RecordCourse").val();

        $.ajax({
            url: '/data/records/',
            type: 'get',
            data: data,
            dataType: 'json',
            success: function(data) {
                $("#ul-league-records-loading").remove();

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

    function setRecords(data) {

        var master_table_head = document.createElement("thead");
        master_table_head.id = "master_table_head";
        $("#widget-league-records-table").append(master_table_head);

        var master_table_head_row = document.createElement("tr");
        master_table_head_row.id = "master_table_head_row";
        $("#master_table_head").append(master_table_head_row);

        var master_table_head_row_cell = document.createElement("th");
        $("#master_table_head_row").append(master_table_head_row_cell);

        var master_table_body = document.createElement("tbody");
        master_table_body.id = "master_table_body";
        $("#widget-league-records-table").append(master_table_body);

        var time_class = "leaders-table-record";
        var strokes = ["Strokes","Individual Free","Individual Back","Individual Breast","Individual Fly","Individual Medley","Free Relay","Medley Relay"];
        var course = []; course["M"] = "Meters"; course["Y"] = "Yards";
        var cur_stroke = 0;

        for ( var t=0; t < data.records.length; t++ ) {

            if ( cur_stroke != data.records[t].Stroke ) {
                var master_table_time_row = document.createElement("tr");
                master_table_time_row.id = "master_table_time_row_stroke"+data.records[t].Stroke;
                $("#master_table_body").append(master_table_time_row);

                $("#master_table_time_row_stroke"+data.records[t].Stroke).html("<td class=\"results-table-head\" colspan=\"6\" style=\"font-size:16px; font-weight:700;\">" + strokes[data.records[t].Stroke] + " " + course[data.records[t].Course] + "</td>");
                cur_stroke = data.records[t].Stroke;
            }
            var master_table_time_row = document.createElement("tr");
            master_table_time_row.id = "master_table_time_row"+t;
            $("#master_table_body").append(master_table_time_row);

            var recordLine = "";
            if ( data.records[t].EventGender == "M" )
                recordLine = "<td style=\"width:25%; text-align: left; vertical-align:top; font-size:14px; font-weight:400;\">Boys ";
            else if ( data.records[t].EventGender == "F" )
                recordLine = "<td style=\"width:25%; text-align: left; vertical-align:top; font-size:14px; font-weight:400;\">Girls ";
            else
                recordLine = "<td style=\"width:25%; text-align: left; vertical-align:top; font-size:14px; font-weight:400;\">Mixed ";

            recordLine = recordLine + data.records[t].Distance + data.records[t].Course;

            if ( data.records[t].AgeLow == 0 ) {
                if ( data.records[t].AgeHigh < 18 )
                    recordLine = recordLine + " " + data.records[t].AgeHigh + "&U";
                else
                    recordLine = recordLine + " Mixed Age";
            } else {
                recordLine = recordLine + " " + data.records[t].AgeLow + "-" + data.records[t].AgeHigh;
            }
            recordLine = recordLine + "</td>";

            recordLine = recordLine + "<td style=\"width:10%; text-align: right; vertical-align:top; font-size:14px; font-weight:400;\">" + data.records[t].SwimTime + "</td>";

            recordLine = recordLine + "<td style=\"width:20%; text-align: left; vertical-align:top; font-size:14px; font-weight:400;\">" + data.records[t].Swimmer1Name;
            if ( cur_stroke > 5 )
                recordLine = recordLine + "<br/>" + data.records[t].Swimmer2Name + "<br/>" + data.records[t].Swimmer3Name + "<br/>" + data.records[t].Swimmer4Name;
            recordLine = recordLine + "</td>";

            recordLine = recordLine + "<td style=\"width:5%; text-align: left; vertical-align:top; font-size:14px; font-weight:400;\">" + data.records[t].TeamID + "</td>";
            recordLine = recordLine + "<td style=\"width:15%; text-align: left; vertical-align:top; font-size:14px; font-weight:400;\">" + formatTheDate(data.records[t].SwimDate) + "</td>";

            if ( data.records[t].VenueID != "" )
                recordLine = recordLine + "<td style=\"width:25%; text-align: left; vertical-align:top; font-size:14px; font-weight:400;\">at " + data.records[t].VenueID + "</td>";
            else
                recordLine = recordLine + "<td style=\"width:25%; text-align: left; vertical-align:top; font-size:14px; font-weight:400;\"> </td>";

            $("#master_table_time_row"+t).html(recordLine);
        }


    }

    function formatTheDate(theDate)
    {
        //yyyymmdd

        return theDate.substr(4, 2)+"-"+theDate.substr(6,2)+"-"+theDate.substr(0, 4);
    }