text: frames = ['content1', 'content2', 'content3', 'content4', 'content5', null];
  times = [0, // Today... 
           2000, // 
           9000, // And
           10000, // 
           14500, // this is lecture 8
           20000];
  
  document.getElementById("content").innerHTML = "\
      <div id='content1' style='display:none;position: absolute;color:white;top:25%;left:30%;margin-left:50px;font-size:440%'>Today...</div>\
  \
      <div id='content2' style='display:none;position: absolute;color:white;top:30%;left:20%;margin-left:50px;font-size:440%'>We will finish unprojecting from 2D to 3D!</div>\
  \
      <div id='content3' style='display:none;position: absolute;color:white;top:20%;left:10%;margin-left:50px;font-size:440%'>And...</div>\
  \
      <div id='content4' style='display:none;position: absolute;color:white;top:35%;left:20%;margin-left:50px;font-size:440%'>We will start looking at shader programming!</div>\
  \
      <div id='content5' style='display:none;position: absolute;color:white;top:45%;left:40%;margin-left:50px;font-size:440%'>This is lecture 8.</div>    \
    <audio id='voice'>    \
      <source src='lectures/08.mp3'>    \
    </audio>    \
  </div>   \
  \
  ";
  
  