/* this is the display function for Google Calendars */
/* it requires www.case.edu/webservices/lib/googlecal.js */

function displayCal() {
  var html = "";
  var dateString = '';
  for (var i=0, rowcnt=0; i<events.length; i++, rowcnt++) {
    // if we have a link to the event, create an 'a' element
    var isAllDay = 0;
    var tempDateString = events[i][0].toLocaleDateString();

    if (tempDateString != dateString) {
      dateString = tempDateString;
      html += '<div class="heading">' + dateString + '</div>';
      rowcnt = 0;
    }

    if ((events[i][0].getHours() == 0) && (events[i][0].getMinutes() == 0) && (events[i][1].getHours() == 0) && (events[i][1].getMinutes() == 0)) {
      isAllDay = 1;
    }
    var row_class = ((rowcnt==0)?"no_hr_top":"hr_top");
    html += '<div id="eventdiv' + i + '" class="event_title ' + row_class + '" onclick="expandEvent(' + i + ');">';
    if (isAllDay == 0) {
      html += ((events[i][0].getHours()>12)?(events[i][0].getHours()-12):(events[i][0].getHours()===0?12:events[i][0].getHours())) + ':' + ((events[i][0].getMinutes()<10)?('0' + events[i][0].getMinutes()):(events[i][0].getMinutes())) + ' ' + ((events[i][0].getHours()>=12)?'PM':'AM') + '   ';
    }
    html += '<span style="color: ' + events[i][4] + '" class="heading_txt">' + events[i][2] + '</span>';

    var eventStartTime = "";
    var eventEndTime = "";
    eventStartTime = ((events[i][0].getHours()<=12)?(events[i][0].getHours()):(events[i][0].getHours()-12)) +':' + ((events[i][0].getMinutes()<10)?('0' + events[i][0].getMinutes()):(events[i][0].getMinutes())) + ' ' + ((events[i][0].getHours()<=12)?'AM':'PM');
    eventEndTime = ((events[i][1].getHours()<=12)?(events[i][1].getHours()):(events[i][1].getHours()-12)) +':' + ((events[i][1].getMinutes()<10)?('0' + events[i][1].getMinutes()):(events[i][1].getMinutes())) + ' ' + ((events[i][1].getHours()<=12)?'AM':'PM');

    html += '</div>';
    html += '<div id="eventdivtable' + i + '" class="no_hr_top" style="display: none">';
    html += '<table class="event_table" style="width: 100%;">'
    if (events[i][0] && events[i][0]!='') {
      html += '<tr>'
      html += '<td class="heading_txt">Start:</td><td>' + events[i][0].toDateString() + ' ' + eventStartTime + '</td>';
      html += '</tr>';
    }
    if (events[i][1] && events[i][1]!='') {
      html += '<tr>'
      html += '<td class="heading_txt">End:</td><td>' + events[i][1].toDateString() + ' ' + eventEndTime + '</td>';
      html += '</tr>';
    }
    if (events[i][7] && events[i][7]!='') {
      html += '<tr>'
      html += '<td class="heading_txt">Where:</td><td>' + events[i][7] + '</td>';
      html += '</tr>';
    }
    if (events[i][6]) {
      html += '<tr>'
      html += '<td class="heading_txt">Details:</td><td>' + events[i][6] + '</td>';
      html += '</tr>';
    }
    if (events[i][3] && events[i][3]!='') {
      html += '<tr>'
      html += '<td class="heading_txt">From:</td><td><a href="' + events[i][8] + '" target="_blank">' + events[i][3] + '</a></td>';
      html += '</tr>';
    }
    if (events[i][5] && events[i][5]!='') {
      html += '<tr>'
      html += '<td colspan="2" style="text-align: right;"><a href="' + events[i][5] + '" target="_blank">More Details</a></td>';
      html += '</tr>';
    }
    html += '</table>'
    html += '</div>';
  }
  eventsDiv.innerHTML = html;
}