var text='';

text += '<table id="buttons">'
text += '<tr><td><img src="spacer.gif" width="10px"></td><td><a href="about.html" onmouseover="showDot(1, 0);" onmouseout="showDot(0, 0);">ABOUT</a></td></tr>'

text += '<tr><td><img src="spacer.gif" width="10px"/></td><td><a href="index.html" onmouseover="showDot(1, 1);" onmouseout="showDot(0, 1);">NEWS</a></td></tr>'

text += '<tr><td><img src="spacer.gif" width="10px"/></td><td><a href="events.html" onmouseover="showDot(1, 2);" onmouseout="showDot(0, 2);">EVENTS</a></td></tr>'

text += '<tr><td><img src="spacer.gif" width="10px"/></td><td><a href="putnam.html" onmouseover="showDot(1, 3);" onmouseout="showDot(0, 3);">PUTNAM</a></td></tr>'

text += '<tr><td><img src="spacer.gif" width="10px"/></td><td><a href="people.html" onmouseover="showDot(1, 4);" onmouseout="showDot(0, 4);">PEOPLE</a></td></tr>'

text += '<tr><td><img src="spacer.gif" width="10px"/></td><td><a href="resources.html" onmouseover="showDot(1, 5);" onmouseout="showDot(0, 5);">RESOURCES</a></td></tr>'

text += '<tr><td><img src="spacer.gif" width="10px"/></td><td><a href="pictures.html" onmouseover="showDot(1, 6);" onmouseout="showDot(0, 6);">PICTURES</a></td></tr>'

text += '<tr><td><img src="spacer.gif" width="10px"/></td><td><a href="archive.html" onmouseover="showDot(1, 7);" onmouseout="showDot(0, 7);">ARCHIVE</a></td></tr>'

text += '</table>'

document.write(text)