function filltable()
{
  var theTable = (document.all) ? document.all.bgrtimes : document.getElementById("bgrtimes");
  var theTableBody = theTable.tBodies[0];
  var headRow = theTable.createTHead().insertRow(-1);
  var runTot = 0;
  var j = 0
   
  headRow.insertCell(0).innerHTML = "<b>Name of Top</b>";
  headRow.insertCell(1).innerHTML = "<b>Scheduled time</b>";
  headRow.insertCell(2).innerHTML = "<b>Actual Time</b>";
  headRow.insertCell(3).innerHTML = "<b>Difference</b>";
  headRow.insertCell(4).innerHTML = "<b>Running Total</b>";
  headRow.insertCell(5).innerHTML = "<b>Notes</b>";
   
  theTableBody.deleteRow(0);
  for(i = 0; i < clockDetails.length; i++)
  {
    if(clockDetails[i].flags & 0x01)
    {
      var newRow = theTableBody.insertRow(-1);
      
      runTot += details[j].time - clockDetails[i].time;
      
      newRow.className = (i %2) ? "rowOdd" : "rowEven";
      
      if(1)
      {
         newRow.insertCell(0).innerHTML = clockDetails[i].name;
         newRow.insertCell(1).innerHTML = clockDetails[i].time;
         newRow.insertCell(2).innerHTML = details[j].time;
         newRow.insertCell(3).innerHTML = details[j].time - clockDetails[i].time;
         newRow.insertCell(4).innerHTML = runTot;
         newRow.insertCell(5).innerHTML = details[j].notes;

         if(details[j].time > clockDetails[i].time)
         {
            newRow.cells[3].className = 'behind';
         }
         if(clockDetails[i].time > details[j].time)
         {
            newRow.cells[3].className = 'ahead';
         }
         if(runTot > 0)
         {
            newRow.cells[4].className = 'behind';
         }
         else
         {
            newRow.cells[4].className = 'ahead';         
         }         
      }
      else
      {
         newRow.insertCell(0).innerHTML = "<b>" + clockDetails[i].name+ "</b>";
         newRow.insertCell(1).innerHTML = "<b>" + clockDetails[i].time + "</b>";
         newRow.insertCell(2).innerHTML = "<b>" + details[j].time + "</b>";
         newRow.insertCell(3).innerHTML = "<b>" + (details[j].time - clockDetails[i].time) + "</b>";
         newRow.insertCell(4).innerHTML = "<b>" + runTot + "</b>";
         newRow.insertCell(5).innerHTML = "<b>" + notes[j] + "</b>";
      }
      j++;
    }
  }
}

filltable();


