// JavaScript Document

window.onload = function() {

              var trainingList = document.getElementById('Trainings');

              var theNewList;

              var listIsEmptyText;

              trainingList.innerHTML = ""; // empty the paragraph so we can start over

              theNewList = "";

              theNewList = theNewList + "<p>Click on a workshop title to register.</p>";

              if (Training.trainings != 0) { // there are upcoming training events. run the populateList function

                     for (var i=0, training; training = Training.trainings[i]; i++) {

                           theNewList = theNewList + "<h3><a href='http://aphid.csuchico.edu/tlpvirtual/Training/registration/index.asp?ID="+ Training.trainings[i].id +"'>";

                           theNewList = theNewList + Training.trainings[i].name + "</a></h3>";

                           theNewList = theNewList + "<p><strong>" + Training.trainings[i].date + "</strong><br />";

                           theNewList = theNewList + Training.trainings[i].time + "</p>";

                     }

                     trainingList.innerHTML = theNewList;

              }

              else {

                     listIsEmptyText = "<em>There are currently no upcoming trainings.  Please check back later.</em>";

                     trainingList.innerHTML = listIsEmptyText; // add the "no upcoming trainings" message to the paragraph instead

              }

       }