
// Define
td1 = '<td width="20%" valign="middle" bgcolor="#FF9900">';
td2 = '<td width="20%" valign="middle">';
img = '<img src="arrow.gif" border="0" vspace="0" hspace="0">';
font1 = '<font face="Arial,Helvetica,sans-serif" size="-2" color="#330033">';
font2 = '<font face="Arial,Helvetica,sans-serif" size="-2" color="#FFFFFF">';

links = new Object();
links[0]  = "antarctic-cp.html";
links[1]  = "antarctic-coastal.html";
links[2]  = "south-atlantic.html";
links[3]  = "south-indian.html";
links[4]  = "south-pacific.html";

names = new Object();
names[0]  = "Antarctic CP";
names[1]  = "Antarctic Coastal";
names[2]  = "South Atlantic";
names[3]  = "South Indian";
names[4]  = "South Pacific";

// Start Table
document.writeln('<table width="666" align="center" border="0" ');
document.writeln('cellpadding="2" cellspacing="0" bgcolor="#FF9900" ');
document.writeln('vspace="0" hspace="0">');
document.writeln('<tr><td valign="top">');
document.writeln('<table width="662" align="center" border="0" ');
document.writeln('cellpadding="0" cellspacing="0" bgcolor="#990000">');
document.writeln('<tr>');

//document.writeln('<!-- start of left hand side -->');
document.writeln('<td width="20%" valign="top">');
//document.writeln('<TABLE border="0" rules="none" cellpadding="0" cellspacing="0">');
document.writeln('<TABLE border="0" rules="none">');


// Loop through the Currents
for( i = 0; i < 5; i++ ) {

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

      // every 1 start a new row
      if( (i+1)%1 == 0 && i < 30 ) {
   document.writeln('</TABLE>');
   document.writeln('</td>');
   //document.writeln('<!-- start of right hand side -->');
   document.writeln('<td width="20%" valign="top">');
// document.writeln('<TABLE border="0" rules="none" cellpadding="0" cellspacing="0">');
   document.writeln('<TABLE border="0" rules="none">');
      }

}

// End Table
document.writeln('</TABLE>');

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

//document.writeln('<table width="666" align="center" border="0" cellpadding="0" cellspacing="0" vspace="0" hspace="0">');
//document.writeln('<tr><td align="center">');
//document.writeln('<font size="-1" color="#990000"><b>');
//document.writeln('CC == Counter Current, CF == Confluence, CP == Circumpolar, SS == Subsurface, Sys == System');
//document.writeln('</b></font>');
//document.writeln('</td></tr>');
//document.writeln('</table>');

