fcstForecast = "<table cellspacing=\"2\" cellpadding=\"2\" border=\"1\">" + 
              "<tr>" + 
                "<td class=\"dataHead\" nowrap>" + 
	          "Variable:" + 
	        "</td>" + 
                "<td class=\"dataHead\" nowrap>" + 
	          "Domain:" + 
	        "</td>" + 
	        "<td class=\"dataHead\" nowrap>" + 
	          "Forecast Hour at:" + 
	        "</td>" + 
	        "<td class=\"dataHead\" nowrap>" + 
	          "Depth at:" + 
	        "</td>" + 
              "</tr>" + 
              "<tr class='dataOdd'>" + 
                "<td nowrap>" + 
	          "<input type=\"radio\" id=\"imageType\" name=\"imageType\" value=\"temp\" onclick=\"imageTypeChange('temp')\" checked>Temperature&nbsp;" + 
	          "<input type=\"radio\" id=\"imageType\" name=\"imageType\" value=\"salinity\" onclick=\"imageTypeChange('salinity')\">Salinity&nbsp;" + 
	          "<input type=\"radio\" id=\"imageType\" name=\"imageType\" value=\"curr\" onclick=\"imageTypeChange('curr')\">Current&nbsp;" + 
	        "</td>" + 
                "<td nowrap>" + 
                  "<input type=\"radio\" id=\"domain\" name=\"domain\" value=\"SCB\" checked onclick=\"domainChange('SCB')\">SCB&nbsp;" + 
                  "<input type=\"radio\" id=\"domain\" name=\"domain\" value=\"B08\" onclick=\"domainChange('B08')\">B08&nbsp;" + 
                "</td>" + 
                "<td align=middle nowrap>" + 
                  "&nbsp;<select id=\"step\" name=\"step\" onChange=\"selectStep(this[this.selectedIndex].value)\">" + 
                    "<option selected value=\"1\">15 (Day 1)</option>" + 
                    "<option value=\"2\">16 (Day 1)</option>" + 
                    "<option value=\"3\">17 (Day 1)</option>" + 
                    "<option value=\"4\">18 (Day 1)</option>" + 
                    "<option value=\"5\">19 (Day 1)</option>" + 
                    "<option value=\"6\">20 (Day 1)</option>" + 
                    "<option value=\"7\">21 (Day 1)</option>" + 
                    "<option value=\"8\">22 (Day 1)</option>" + 
                    "<option value=\"9\">23 (Day 1)</option>" + 
                    "<option value=\"10\">00 (Day 2)</option>" + 
                    "<option value=\"11\">01 (Day 2)</option>" + 
                    "<option value=\"12\">02 (Day 2)</option>" + 
                    "<option value=\"13\">03 (Day 2)</option>" + 
                    "<option value=\"14\">04 (Day 2)</option>" + 
                    "<option value=\"15\">05 (Day 2)</option>" + 
                    "<option value=\"16\">06 (Day 2)</option>" + 
                    "<option value=\"17\">07 (Day 2)</option>" + 
                    "<option value=\"18\">08 (Day 2)</option>" + 
                    "<option value=\"19\">09 (Day 2)</option>" + 
                    "<option value=\"20\">10 (Day 2)</option>" + 
                    "<option value=\"21\">11 (Day 2)</option>" + 
                    "<option value=\"22\">12 (Day 2)</option>" + 
                    "<option value=\"23\">13 (Day 2)</option>" + 
                    "<option value=\"24\">14 (Day 2)</option>" + 
                    "<option value=\"25\">15 (Day 2)</option>" + 
                    "<option value=\"26\">16 (Day 2)</option>" + 
                    "<option value=\"27\">17 (Day 2)</option>" + 
                    "<option value=\"28\">18 (Day 2)</option>" + 
                    "<option value=\"29\">19 (Day 2)</option>" + 
                    "<option value=\"30\">20 (Day 2)</option>" + 
                    "<option value=\"31\">21 (Day 2)</option>" + 
                    "<option value=\"32\">22 (Day 2)</option>" + 
                    "<option value=\"33\">23 (Day 2)</option>" + 
                    "<option value=\"34\">00 (Day 3)</option>" + 
                    "<option value=\"35\">01 (Day 3)</option>" + 
                    "<option value=\"36\">02 (Day 3)</option>" + 
                    "<option value=\"37\">03 (Day 3)</option>" + 
                    "<option value=\"38\">04 (Day 3)</option>" + 
                    "<option value=\"39\">05 (Day 3)</option>" + 
                    "<option value=\"40\">06 (Day 3)</option>" + 
                    "<option value=\"41\">07 (Day 3)</option>" + 
                    "<option value=\"42\">08 (Day 3)</option>" + 
                    "<option value=\"43\">09 (Day 3)</option>" + 
                    "<option value=\"44\">10 (Day 3)</option>" + 
                    "<option value=\"45\">11 (Day 3)</option>" + 
                    "<option value=\"46\">12 (Day 3)</option>" + 
                    "<option value=\"47\">13 (Day 3)</option>" + 
                    "<option value=\"48\">14 (Day 3)</option>" + 
                  "</select>" + 
                  "(GMT)&nbsp;" + 
                "</td>" + 
                "<td align=middle nowrap>" + 
                  "&nbsp;<select id=\"depth\" name=\"depth\" onChange=\"selectDepth(this[this.selectedIndex].value)\">" + 
                    "<option selected value=\"0\">0</option>" + 
                    "<option value=\"5\">5</option>" + 
                    "<option value=\"10\">10</option>" + 
                    "<option value=\"20\">20</option>" + 
                    "<option value=\"50\">50</option>" + 
                    "<option value=\"100\">100</option>" + 
                    "<option value=\"300\">300</option>" + 
                  "</select>" + 
                  "(m)&nbsp;" + 
    	        "</td>" + 
              "</tr>" + 
            "</table>" + 
          "</td>";

function setForecast()
{
  var type = document.scbform.selectedImageType.value;
  var domain = document.scbform.selectedDomain.value;
  var depth = document.scbform.selectedDepth.value;
  var step = document.scbform.selectedStep.value;
  for (var j=0; j<document.scbform.imageType.length; j++)
  {
    //alert(document.scbform.imageType[j].value);
    if (document.scbform.imageType[j].value == type)
      document.scbform.imageType[j].checked = true;
  }
  for (var j=0; j<document.scbform.domain.length; j++)
  {   
    //alert(document.scbform.imageType[j].value);
    if (document.scbform.domain[j].value == domain)
      document.scbform.domain[j].checked = true;
  } 
  for (var k=0; k<document.scbform.depth.length; k++)
  {   
    if (document.scbform.depth[k].value == depth)
      document.scbform.depth.selectedIndex = k;
  }   
  for (var n=0; n<document.scbform.step.length; n++)
  {   
    if (document.scbform.step[n].value == step)
      document.scbform.step.selectedIndex = n;
  }
}

function domainChange(domain)
{
  //alert('domainChange()');
  var y     = document.scbform.year.selectedIndex;
  var year  = document.scbform.year[y].value;
  var m     = document.scbform.month.selectedIndex;
  var month = document.scbform.month[m].value;
  var day   = document.scbform.selectedDay.value;
  var depth = document.scbform.selectedDepth.value;
  var step  = document.scbform.selectedStep.value;
  var type = document.scbform.selectedImageType.value;
  document.scbform.selectedDomain.value = domain;
  if (domain == 'SCB') domain = '';
  var filename = path + "/" + year + pad(month, 2) + pad(day,2) + '/scb_' + type + domain + pad(month, 2) + pad(day, 2) + '_' + step + '_' + depth + '.jpg';
  //alert('donainChange() - ' + filename);
  document.scbform.filename.value = filename;
  var myImage = new Image();
  myImage.onerror = loadImage;
  myImage.onload  = assignImage;
  myImage.src = filename;
  return;
/*
  for (var i=0; i<document.scbform.domain.length; i++)
  {
    //alert(document.scbform.domain[i].value);
    if (document.scbform.domain[i].checked == true)
    {
      domain = document.scbform.domain[i].value;
      document.scbform.selectedDomain.value = domain;
      if (domain == 'SCB') domain = '';
      var filename = path + "/" + year + pad(month, 2) + pad(day,2) + '/scb_' + type + domain + pad(month, 2) + pad(day, 2) + '_' + step + '_' + depth + '.jpg';
      //alert('donainChange() - ' + filename);
      document.scbform.filename.value = filename;
      var myImage = new Image();
      myImage.onerror = loadImage;
      myImage.onload  = assignImage;
      myImage.src = filename;
      return;
    }
  }
*/
}

function imageTypeChange(type)
{
  //alert('imageTypeChange()');
/*
  var type = document.scbform.selectedImageType.value;
  var domain = document.scbform.selectedDomain.value;
  var depth = document.scbform.selectedDepth.value;
  var step = document.scbform.selectedStep.value;
  for (var j=0; j<document.scbform.imageType.length; j++)
  {
    //alert(document.scbform.imageType[j].value);
    if (document.scbform.imageType[j].value == type)
      document.scbform.imageType[j].checked = true;
  }
  for (var j=0; j<document.scbform.domain.length; j++)
  {   
    //alert(document.scbform.imageType[j].value);
    if (document.scbform.domain[j].value == domain)
      document.scbform.domain[j].checked = true;
  } 
  for (var k=0; k<document.scbform.depth.length; k++)
  {   
    if (document.scbform.depth[k].value == depth)
      document.scbform.depth.selectedIndex = k;
  }   
  for (var n=0; n<document.scbform.step.length; n++)
  {   
    if (document.scbform.step[n].value == step)
      document.scbform.step.selectedIndex = n;
  }
*/
  var path = '/myocean/SCB/data/images/fcst';
  var y     = document.scbform.year.selectedIndex;
  var year  = document.scbform.year[y].value;
  var m     = document.scbform.month.selectedIndex;
  var month = document.scbform.month[m].value;
  var day   = document.scbform.selectedDay.value;
  var depth = document.scbform.selectedDepth.value;
  var step  = document.scbform.selectedStep.value;
  var domain = document.scbform.selectedDomain.value;
  document.scbform.selectedImageType.value = type;
  if (domain == 'SCB') domain = '';
  var filename = path + "/" + year + pad(month, 2) + pad(day,2) + '/scb_' + type + domain + pad(month, 2) + pad(day, 2) + '_' + step + '_' + depth + '.jpg';
  //alert('imageTypeCHange() -  filename);
  document.scbform.filename.value = filename;
  //setImage('scbimage', 'visible', filename);
  var myImage = new Image();
  myImage.onerror = loadImage;    //bad
  myImage.onload  = assignImage;  //good
  myImage.src = filename;
}

function selectDepth(depth)
{   
  //alert('selectDepth');
  //var d = document.scbform.depth.selectedIndex-0;
  //var value = document.scbform.depth[d].value;
  document.scbform.selectedDepth.value = depth;
  var type = document.scbform.selectedImageType.value;
  imageTypeChange(type);
} 
  
function selectStep(step)
{ 
  //alert('selectStep');
  //var s = document.scbform.step.selectedIndex-0;
  //var value = document.scbform.step[s].value;
  document.scbform.selectedStep.value = step;
  var type = document.scbform.selectedImageType.value;
  imageTypeChange(type);
} 
    
function domainChange(domain)
{   
  //alert('domainChange()');
  document.scbform.selectedDomain.value = domain;
  var type = document.scbform.selectedImageType.value;
  imageTypeChange(type);
} 

function loadImage()
{
  //alert('loadImage()');
  var filename = 'images/noimage.gif';
  //alert('loadImage() - ' + filename);
  var tablehtml = "<table>";
  tablehtml += "<tr>";
  tablehtml += "<td width=\"100%\" align=right>";
  tablehtml += "<input type=\"button\" id=\"animate\" name=\"animate\" style=\"background-color:#C0C0C0\" value=\"Animation\" disabled>";
  tablehtml += "</td>";
  tablehtml += "</tr>";
  tablehtml += "</table>";
  setInnerHTML('abutton',tablehtml);
  setImage('scbimage', 'visible', filename);
}

function assignImage()
{
  //alert('assignImage()');
  var filename = document.scbform.filename.value;
  //alert('assignImage() - ' + filename);
  var tablehtml = "<table>";
  tablehtml += "<tr>";
  tablehtml += "<td width=\"100%\" align=right>";
  tablehtml += "<input type=\"button\" id=\"animate\" name=\"animate\" style=\"background-color:#C0C0C0\" value=\"Animation\" onclick=\"showForecastAnimation()\">";
  tablehtml += "</td>";
  tablehtml += "</tr>";
  tablehtml += "</table>";
  setInnerHTML('abutton',tablehtml);
  setImage('scbimage', 'visible', filename);
  //setForecast();
}

function showForecastAnimation()
{
  var y     = document.scbform.year.selectedIndex;
  var year  = document.scbform.year[y].value;
  var m     = document.scbform.month.selectedIndex;
  var month = document.scbform.month[m].value;
  var day   = document.scbform.selectedDay.value;

  var domain = document.scbform.selectedDomain.value;
  var level = document.scbform.selectedDepth.value;
  var type = document.scbform.selectedImageType.value;

  if (type == 'temp')
    type = 'Temperature';
  else if (type == 'salinity')
    type = 'Salinity';
  else if (type == 'curr')
    type = 'Current';

  var url = '/cgi-bin/B08.cgi?type=ROMS&date=' + year + pad(month,2) + pad(day,2) +
            '&level=' + level + '&var=' + type + '&domain=' + domain.toUpperCase();
  //alert(url);
  romsanimationWindow=open(url,'romsanimationWindow','resizable=yes,width=620,height=600,scrollbars=yes,menubar=yes,toolbar=yes');
  if (romsanimationWindow.opener == null)
    romsanimationWindow.opener = self;
  else
    romsanimationWindow.focus();
}