function showLessonTitle(lessonTitle) {
  for (i=1; i<=lessonTitle.length; i++) {
    document.write('<table border=1 width=400 cellpadding=2 cellspace=5 bordercolor="#993333" align="center">');
    document.write('<tr align="center"><td bgcolor="#993333"><font color="FFFFFF">Lesson ' + i + '</font></td></tr>');
    document.write('<tr align="center"><td><a href="' + i + '/' + i + '.htm" target="_blank">' + lessonTitle[i-1] + '</a></td></tr>');
    document.write('</table>');
    if (i < lessonTitle.length) {
      document.write('<br />');
      document.write('<br />');
    }    
  }
}

// To show the GIF in slide-show
function showGIF(n,titles) {
  view = window.open("viewport.htm", "view", "");
  view.document.writeln('<html>');
  view.document.writeln('<head>');
  view.document.writeln('<title>Mathematical Database - Teaching Module - ' + titles + '</title>');
  view.document.writeln('<script language="javascript">');
  view.document.writeln('<!--');
  view.document.writeln('  var img = new Image(' + String(n) + ');');
  for (i=1; i<=n; i++) {
    var pageNum = String(i);
    if (i<10) pageNum = "0" + pageNum; 
    view.document.writeln('  img[' + String(i-1) + ']=new Image(); img[' + String(i-1) + '].src="p' + pageNum + '.gif";');
  }
  view.document.writeln('  function moveTo(k) {');
  view.document.writeln('    viewport.src = img[k-1].src;');
  view.document.writeln('    for (i=1; i<=' + String(n) + '; i++){');
  view.document.writeln('      document.links[i-1].innerHTML = String(i);}');
  view.document.writeln('    document.links[k-1].innerHTML = "<font color=\'red\'>" + String(k) + "</font>";');
  view.document.writeln('  }');
  view.document.writeln('-->');
  view.document.writeln('</script>');
  view.document.writeln('<style type="text/css">a:visited {color:blue}</style>');
  view.document.writeln('</head>');
  view.document.writeln('<body>');
  view.document.writeln('<table>');
  view.document.writeln('  <tr>');
  view.document.writeln('    <td> Page');
  view.document.writeln('      <a href="javascript: moveTo(1)"><font color="red">1</font></a>')
  for (i=2; i<=n; i++) {
    view.document.writeln('      <a href="javascript: moveTo(' + String(i) + ')">' + String(i) + '</a>');
  }	
  view.document.writeln('    </td>');
  view.document.writeln('  </tr>');
  view.document.writeln('  <tr>');
  view.document.writeln('    <td><img name="viewport" src="p01.gif"></td>');
  view.document.writeln('  </tr>');
  view.document.writeln('</table>');
  view.document.writeln('</body>');
  view.document.writeln('</html>');
}
