// start javascript

// Language constants:
var MaxAbouts = 10;
var linkList;
var numAbouts;
var theHtml = '';

function fillAboutsList ()
    {
    // Initialise the arrays
    linkList = new makeEmptyArray(MaxAbouts);
    var i = 0;
    linkList[i++] = new makeFilledArray('Home Safe Home', 'safety1.htm');
    linkList[i++] = new makeFilledArray('Safe Fall', 'safety2.htm');
    numAbouts = i;
    }

function displayAbouts ()
   {
   fillAboutsList();
   var i, button;
	var theDoc = document;

   theHtml += '<center>';
   theHtml += '<table border=0 cellspacing=5 cellpadding=5>';
   theHtml += '<tr>';
	theHtml += '<td nowrap valign=top halign=middle width=50>';
	theHtml += '<center>';
	theHtml += '<a href="javascript:top.document.location=\'index.html\';">';
	theHtml += '<img align="top" border=0 src="images/dot1.gif" vspace=4>';
	theHtml += '<font size=2><center><b>Home</b></center></font></a>';
	theHtml += '</center>';
	theHtml += '</td>';
   for (i = 0; i < numAbouts; i++)
      {
      theHtml += '<td nowrap valign=top halign=middle width=50>';
      theHtml += '<center>';
		theHtml += '<a href="' + linkList[i][1] + '" target="contentFrame" onclick="setPage('+i+');">';
		button = (i == currentPage) ? "images/dot2.gif" : "images/dot1.gif";
      theHtml += '<img align="top" border=0 src="' + button + '" vspace=4>';
      theHtml += '<font size=2><center>' + linkList[i][0] + '</center></font></a>';
      theHtml += '</center>';
      theHtml += '</td>';
      }
   theHtml += '</tr>';
   theHtml += '</table>';
   theHtml += '</center>';
   }

var currentPage = 0;

function setPage (which)
	{
	document.images[currentPage + 2].src="images/dot1.gif";
	currentPage = which;
	document.images[which + 2].src="images/dot2.gif";
	}