loadUpcomingEventsPanel();
    function loadUpcomingEventsPanel() {
        $("#upcomping-events-panel").html("<center><strong>LOADING DATA...</strong><br/><img width=\"50px\" src=\"/images/loader.gif\"></center>");

        var data = {};
        data['sf'] = 'upcomingevents';
        data['Year'] = "2025";

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

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

    function setUpcomingEventsPanel(data) {

        $("#upcoming-events-panel").html("");
        var upcoming_events_table = document.createElement("table");
        upcoming_events_table.id = "upcoming-events-table";
        $("#upcoming-events-panel").append(upcoming_events_table);

        var master_table_header = document.createElement("thead");
        $("#upcoming-events-table").append(master_table_header);

        var found_date = false;
        var master_table_body = document.createElement("tbody");
        master_table_body.id = "master_table_body_upcoming_events";
        $("#upcoming-events-table").append(master_table_body);

        var sortedEvents = sortEvents(data.events);
        for ( var i=0; i < sortedEvents.length; i++ ) {
            found_date = true;
            var master_table_body_row = document.createElement("tr");
            master_table_body_row.id = "master_table_body_row_upcoming_events"+i;
            $("#master_table_body_upcoming_events").append(master_table_body_row);
            $("#master_table_body_row_upcoming_events"+i).html("<td align=\"left\"><strong>"+sortedEvents[i].FormattedDateUE+" "+sortedEvents[i].FormattedTime+"</strong></br>&nbsp;&nbsp;&nbsp;&nbsp;"+sortedEvents[i].Title+"</td>");
        }

        if ( !found_date ) {

            var master_table_body = document.createElement("tbody");
            master_table_body.id = "master_table_body_upcoming_eventsM";
            $("#upcoming-events-table").append(master_table_body);
            var master_table_body_row = document.createElement("tr");
            master_table_body_row.id = "master_table_body_row_upcoming_eventsNF";
            $("#master_table_body_upcoming_eventsM").append(master_table_body_row);
            $("#master_table_body_row_upcoming_eventsNF").html("<td align=\"left\"><strong>NO UPCOMING EVENTS.</strong></td>");

        }

    }


    function sortEvents(events) {

        while(true) {
            var changed = false;
            for ( var i=0; i < events.length - 1; i++ ) {
                var d1 = events[i];
                var d2 = events[i+1];
                if ( d1.Date > d2.Date ) {
                    events[i] = d2;
                    events[i+1] = d1;
                    changed = true;
                }
            }
            if ( !changed )
                break;
        }

        return events;
    }