// Define
td1 = '<td valign="middle" bgcolor="#FF9900">';
td2 = '<td 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]  = "";
links[1]  = "";
links[2]  = "";
links[3]  = "";
links[4]  = "";
links[5]  = "";
links[6]  = "";
links[7]  = "";
links[8]  = "";
links[9]  = "";
links[10] = "";
links[11] = "";
links[12] = "";
links[13] = "";
links[14] = "";
links[15] = "";
links[16] = "";
links[17] = "";
links[17] = "";
links[18] = "";

names = new Object();
names[0]  = "Alaskan System";
names[1]  = "Bering Slope";
names[2]  = "Califorina";
names[3]  = "Costa Rica";
names[4]  = "East Australian";
names[5]  = "Hawaiian System";
names[6]  = "Kamchatka";
names[7]  = "Kuroshio System";
names[8]  = "Mindanao";
names[9]  = "North Equatorial";
names[10] = "North Equatorial CC";
names[11] = "North Pacific";
names[12] = "Oyashio";
names[13] = "Peru-Chile";
names[14] = "South Equatorial";
names[15] = "South Equatorial CC";
names[16] = "Sub Artic";
names[17] = "Tasman";
names[18] = "Tropical Pacific SS";

// 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 < 19; 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 7 start a new row
      if( (i+1)%4 == 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>');