// Define
td1 = '<td id="td1">';
td2 = '<td id="td2">';
img = '<img src="arrow.gif">';
font1 = '<font id="font1">';
font2 = '<font id="font2">';

      if( headerLevel == 0 ) {
   x = ""; }
 else if( headerLevel == 1 ) {
   x = "../"; }
 else if( headerLevel == 2 ) {
   x = "../../"; }
 else if( headerLevel == 3 ) {
   x = "../../../"; }

links = new Object();
links[0] = "arctic/arctic.html";
links[1] = "southern/southern.html";
names = new Object();
names[0] = "Arctic Ocean";
names[1] = "Southern Ocean";

// Start Table
document.writeln('<table id="table1" align="center"><tr><td valign="top">');
document.writeln('<table id="table2" align="center"><tr>');

// The 5 Rows in the Header
for( i = 0; i < 2; i++ ) {

      if( headerState == names[i] ) {
   document.writeln(td1,img); }
 else {
   document.writeln(td2,img); }
      if( headerState == names[i] && headerLink == "On" ) {
   document.writeln('<a href="',x,links[i],'">'); }
 else if( headerState != names[i] ) {
   document.writeln('<a href="',x,links[i],'">'); }
      if( headerState == names[i] && headerLink == "Off" ) {
   document.writeln(font1,'<b>',names[i],'</b></font></td>'); }
 else if( headerState == names[i] && headerLink == "On" ) {
   document.writeln(font1,'<b>',names[i],'</b></font></a></td>'); }
 else {
   document.writeln(font2,'<b>',names[i],'</b></font></a></td>'); }

}

// End Table
document.writeln('</tr>');
document.writeln('</table>');
document.writeln('</td></tr>');
document.writeln('</table>');