function selectDateHandler()
{
  //alert('selectDateHandler');
  // Make sure the request is loaded (readyState = 4)
  if (req.readyState == 4)
  {
    //alert('selectDateHandler(): 4');
    // Make sure the status is "OK"
    if (req.status == 200)
    {
      //alert('selectDateHandler(): 200 - req.responseXML.xml = ' + req.responseXML.xml);
      var notes = req.responseXML.getElementsByTagName('note');
      //alert('selectDateHandler(): 200 - notes.length = ' + notes.length);
      for (i=0; i<notes.length; i++)
      {
        //alert('selectDateHandler(): i = ' + i);
        var noteNode = notes.item(i);
        if (noteNode != null && noteNode.hasChildNodes())
        {
          name = noteNode.getAttribute('name');
          //alert('name = ' + name);
          if (name == "description")
          {
            doDescription(noteNode);
          }
          else if (name == "content")
          {
            doContent(noteNode);
          }
          else if (name == "calendar")
          {
            doCalendar(noteNode);
          }
        }
      }
    } //200
    else
    {
      alert("There was a problem retrieving the XML data:\n" + req.statusText);
      //alert("There was a problem retrieving the XML data");
    }
  }
}

function doCalendar(noteNode)
{
  var year = document.pwsform.selectedYear.value-0;
  var month = document.pwsform.selectedMonth.value-0;
  var day = document.pwsform.selectedDay.value-0;

  var project = document.pwsform.selectedProject.value;
  var trs = noteNode.getElementsByTagName('tr');
  //alert('trs.length = ' + trs.length); 
  tablehtml = "<table border=1>";
  tablehtml += "<tr>";
  tablehtml += "<th align=center WIDTH=\"12\" class=\"heading\">Su</th>";
  tablehtml += "<th align=center WIDTH=\"12\" class=\"heading\">M</th>";
  tablehtml += "<th align=center WIDTH=\"12\" class=\"heading\">T</th>";
  tablehtml += "<th align=center WIDTH=\"12\" class=\"heading\">W</th>";
  tablehtml += "<th align=center WIDTH=\"12\" class=\"heading\">Th</th>";
  tablehtml += "<th align=center WIDTH=\"12\" class=\"heading\">F</th>";
  tablehtml += "<th align=center WIDTH=\"12\" class=\"heading\">S</th>";
  tablehtml += "</tr>";
  for(j=0; j<trs.length; j++)
  {   
    tablehtml += "<tr>";
    var tr = trs.item(j);
    var tds = tr.getElementsByTagName('td');
    //alert('tds.length = ' + tds.length);
    for(k=0; k<tds.length; k++)
    {
      var td = tds.item(k);
      value = td.firstChild.nodeValue;
      if (value == "nbsp")
        value = "&nbsp;";
      //alert('j=' + j + '; value = [' + value + ']');
      tablehtml += "<td align=center WIDTH=\"12\" class=\"bold10\"";
      bgcolor = td.getAttribute('bgcolor');
      if (bgcolor != null)
        tablehtml += " bgcolor=\"" + bgcolor +"\"";
      link = td.getAttribute('link');
      if (link != null)
      {
        if (reqProject != "" && year == 2009) 
        { 
          if (month == 7) 
          {
            //alert('value = ' + (value-0));
            if ((value-0) >= 13)
              tablehtml += "><a id=\"" + value + "\" href=\"#\" onClick=\"return selectDay('" + value + "', false, true)\">" + value + "</a></td>";
            else
              tablehtml += ">" + value + "</td>";
          }
          else if (month == 8)
          {
            if ((value-0) <= 5)
              tablehtml += "><a id=\"" + value + "\" href=\"#\" onClick=\"return selectDay('" + value + "', false, true)\">" + value + "</a></td>";
            else
              tablehtml += ">" + value + "</td>";
          }
          else 
          {
            tablehtml += ">" + value + "</td>";
          }
        } 
        else
        { 
          tablehtml += "><a id=\"" + value + "\" href=\"#\" onClick=\"return selectDay('" + value + "', false, true)\">" + value + "</a></td>";
        }
      }
      else
      {
        tablehtml += ">" + value + "</td>";
      }
      /* 
      if (link != null)
        tablehtml += "><a id=\"" + value + "\" href=\"#\" onClick=\"return selectDay('" + value + "', false, true)\">" + value + "</a></td>";
      else
        tablehtml += ">" + value + "</td>";
      */
    } //k
    tablehtml += "</tr>";
  } //j
  tablehtml += "<tr>";
  tablehtml += "<td nowrap align=\"center\" colspan=7 class=\"normal8\">";
  tablehtml += "<INPUT class=\"normal8\" TYPE=BUTTON NAME=\"previousYear\"  VALUE=\" << \" onClick=\"setPreviousYear()\">&nbsp";
  tablehtml += "<INPUT class=\"normal8\" TYPE=BUTTON NAME=\"previousMonth\" VALUE=\" < \" onClick=\"setPreviousMonth()\">&nbsp";
  tablehtml += "<INPUT class=\"normal8\" TYPE=BUTTON NAME=\"nextMonth\"     VALUE=\" > \" onClick=\"setNextMonth()\">&nbsp";
  tablehtml += "<INPUT class=\"normal8\" TYPE=BUTTON NAME=\"nextYear\"      VALUE=\" >> \" onClick=\"setNextYear()\">";
  tablehtml += "</td>";
  tablehtml += "</tr>";
  tablehtml += "</table>";
  //alert(tablehtml);
  setInnerHTML('jcalendar', tablehtml);
  doInit();
}

function doContent(noteNode)
{
  var project = document.pwsform.selectedProject.value;
  var subproject = document.pwsform.selectedSubProject.value;
  //alert('doContent():: project = ' + project + '; subproject = ' + subproject);
  if (subproject == "G1SST")
  {
    //clearAll();
    doG1SSTCheck();
    return;
  }
  else if (subproject == "DrifterSimulated")
  {
    doDisplayDrifterSimulated(noteNode);
    var tablehtml = "<table width=560 align=\"center\">";
    tablehtml += "<tr>";
    tablehtml += "<td class=\"blue12\" align='center'>Trajectory Simulated tool was displayed on a popup window.</td>";
    tablehtml += "</tr>";
    tablehtml += "</table>";
    setInnerHTML('clicknote', tablehtml);

    return;
  }
  else if (subproject == "DrifterObserved")
  {
    //alert('Comming soon ........');
    //return;
    doDisplayDrifterObserved(noteNode);
    var tablehtml = "<table width=560 align=\"center\">";
    tablehtml += "<tr>";
    tablehtml += "<td class=\"blue12\" align='center'>Trajectory Observed tool was displayed on a popup window.</td>";
    tablehtml += "</tr>";
    tablehtml += "</table>";
    setInnerHTML('clicknote', tablehtml);

    return;
  }
  else if (subproject == "DrifterEnsemble")
  {
    var desc = "Description here ..... ";
    var tablehtml = "<table>";
    tablehtml += "<tr>";
    tablehtml += "<td class=\"blue12\">Ensamble Prediction</td>";
    tablehtml += "</tr>";
    tablehtml += "<tr>";
    tablehtml += "<td class=\"comment\">" + desc;
    tablehtml += "<input class=normal8 type=button value=\"more\" onClick=\"doInfo()\"></td>";
    tablehtml += "</tr>";
    tablehtml += "</table>";
    setInnerHTML('description', tablehtml);

    tablehtml = "<table width=560 align=\"center\">";
    tablehtml += "<tr>";
    tablehtml += "<td class=\"blue12\" align='center'>Trajectory Simulated tool was displayed on a popup window.</td>";
    tablehtml += "</tr>";
    tablehtml += "</table>";
    setInnerHTML('clicknote', tablehtml);
    doDisplayDrifterEnsemble(noteNode);

    return;
  }
  else if (project == "Home")
  {
    doDisplayHome(noteNode);
    return;
  }

  var trs = noteNode.getElementsByTagName('tr');
  //alert('doContent()::trs.length = ' + trs.length); 
  var tr = trs.item(0);
  var tds = tr.getElementsByTagName('td');
  if (tds.length > 1)
  {
    if (project == "ROMSNowcast")
    {
      doDisplayROMSNowcast(noteNode);
    }
    else if (project == "ROMSForecast")
    {
      doDisplayROMSForecast(noteNode);
    }
    else if (project == "WRFWind")
    {
      doDisplayWRF(noteNode);
    }
    else if (project == "ROMSDataTide")
    {
      doDisplayROMSDataTide(noteNode);
    }
    else if (project == "GliderProfile")
    {
      doDisplayGilderProfile(noteNode);
    }
    else if (project == "ShipCTD")
    {
      doDisplayShipCTD(noteNode);
    }
    else if (project == "HFRadar")
    {
      doDisplayHFRadar(noteNode);
    }
  }
  else
  {
    var tablehtml = "<table width=560 align=\"center\">";
    for(j=0; j<trs.length; j++)
    {
      tablehtml += "<tr>";
      tr = trs.item(j);
      var tds = tr.getElementsByTagName('td');
      var td = tds.item(0);
      value = td.firstChild.nodeValue;
      //alert('value = [' + value + ']');
      tablehtml += "<td class=\"blue12\" align='center'>";
      tablehtml += value + "</td>";
      tablehtml += "</tr>";
    } //j
    tablehtml += "</table>";
    setInnerHTML('clicknote', tablehtml);
  }
}

function doDescription(noteNode)
{
  var trs = noteNode.getElementsByTagName('tr');
  //alert('trs.length = ' + trs.length);
  tablehtml = "<table>";
  for(j=0; j<trs.length; j++)
  {
    tablehtml += "<tr>";
    var tr = trs.item(j);
    var tds = tr.getElementsByTagName('td');
    //alert('tds.length = ' + tds.length);
    for(k=0; k<tds.length; k++)
    {
      var td = tds.item(k);
      value = td.firstChild.nodeValue;
      //alert('j=' + j + '; value = [' + value + ']');
      if (j==0) //short desc
      {
        if (value != "N/A")
          tablehtml += "<td class=\"blue12\">" + value + "</td>";
        else
          tablehtml += "<td class=\"blue12\">&nbsp;</td>";
      }
      else if (j==1) //desc
      {
        if (value.length > 120)
        {
          desc = value.substring(0, 140);
          blkindx = desc.lastIndexOf(" ");
          desc = desc.substring(0, blkindx) + ' ... ';
          tablehtml += "<td class=\"comment\">" + desc;
          tablehtml += "<input class=normal8 type=button value=\"more\" onClick=\"doInfo()\"></td>";
        }
        else
        {
          tablehtml += "<td class=\"comment\"><p style='text-align:justify'>" + value + "</p></td>";
        }
      }
      else //LCS link
      {
        tablehtml += "<td class=\"normal10\" align=right>" + value + "</td>";
      }
    } //k
    tablehtml += "</tr>";
  } //j
  tablehtml += "</table>";
  //alert(tablehtml);
  var project = document.pwsform.selectedProject.value;
  if (project != "ROMSForecast")
    setInnerHTML('description', tablehtml);
}

function doDisplayROMSNowcast(noteNode)
{
  var subproject = document.pwsform.selectedSubProject.value;
  var year = document.pwsform.selectedYear.value;
  var month = document.pwsform.selectedMonth.value;
  var day = document.pwsform.selectedDay.value;
  var datadir = "/myocean/PWS/data/las";
  var imagedir = "/myocean/PWS/data/images/nowcast/" + year;
  var firstname = ''; //red check mark

  var trs = noteNode.getElementsByTagName('tr');
  //alert('trs.length = ' + trs.length);
  var tablehtml = "<table>";
  var tr = trs.item(0);
  var tds = tr.getElementsByTagName('td');
  //alert('tds.length = ' + tds.length);
  if (tds.length > 1)
  {   
    tablehtml += "<tr>";
    tablehtml += "<td width=10 nowrap>&nbsp;</td>";
    tablehtml += "<td class=\"dataHead\" width=190 nowrap>&nbsp;File Name</td>";
    tablehtml += "<td class=\"dataHead\" nowrap>&nbsp;File Size&nbsp;</td>";
    tablehtml += "<td class=\"dataHead\" align=center nowrap>Download</td>";
    tablehtml += "<td class=\"dataHead\" align=center nowrap>View</td>";
    tablehtml += "</tr>";

    for(var j=0; j<trs.length; j++)
    {
      if (j%2 == 0)
        tablehtml += "<tr class='dataEven'>";
      else
        tablehtml += "<tr class='dataOdd'>";
      tr = trs.item(j);
      var tds = tr.getElementsByTagName('td');
      //alert('tds.length = ' + tds.length);
      tablehtml += "<td bgcolor=\"FFFFFF\"><img id=\"icheck" + j + "\" name=\"icheck" + j + "\" src=\"images/checkmark2.gif\" border=\"0\" width=16 height=16 style=\"visibility:hidden\"></td>";
      for(var k=0; k<tds.length; k++)
      {
        var td = tds.item(k);
        value = td.firstChild.nodeValue;
        //alert('value = [' + value + ']');
        if (k==0) //File Name
        {
          value += ".nc";
          tablehtml += "<td class=\"dataSmall\">&nbsp;";
          tablehtml += value + "</td>";
        }
        else if (k==1) //size
        {
          tablehtml += "<td class=\"dataSmall\">&nbsp;";
          tablehtml += value + "</td>";
        }
        else if (k==2) //download
        {
          value += ".nc";
          type = td.getAttribute('type');
          var fname = datadir + "/" + value;
          tablehtml += "<td class=\"dataSmall\" align='center'>";
          //alert('type = ' + type + '; fname = ' + fname);
          tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"hdl" + j + "\" value=\"http\" onClick=\"httpDownload('" + fname + "');\">";
          tablehtml += "</td>";
        }
        else if (k==3) //Header, LAS, Image
        {
          value += ".nc";
          tablehtml += "<td class=\"dataSmall\" align='center'>&nbsp;";
          image = td.getAttribute('image');
          las = td.getAttribute('las');
          var fname = datadir + "/" + value;
          //alert('type = ' + type + '; fname = ' + fname);
          if (type == "ASCII")
          {
            tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"eql" + j + "\" value=\"File\" onClick=\"edit('" + fname + "');\">";
          }
          else if (type == "NetCDF")
          {
            tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"eql" + j + "\" value=\"Header\" onClick=\"ncdump('" + fname + "');\">";
          } 
            
          if (las != null)
          {
            tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"eql" + j + "\" value=\"LAS\" onClick=\"lasEdit('" + las + "');\">";
          }
          else
          { 
            tablehtml += "&nbsp;&nbsp;";
          }
        
          if (image != null)
          {
            if (subproject == "NowcastCurrent") 
              imagename = imagedir + "/pws_curr" + image + '.jpg';
            else if (subproject == "NowcastTemp")
              imagename = imagedir + "/pws_temp" + image + '.jpg';              
            else if (subproject == "NowcastSalinity")
              imagename = imagedir + "/pws_salinity" + image + '.jpg';
            else
              imagename = imagedir + "/pws_ssh" + image + '.jpg';               

            if (firstname == '')
              firstname = imagename;

            tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"image" + j + "\" value=\"Image\" onClick=\"showImage('" + imagename + "', 'visible', " + j + ");\">";
          }
          tablehtml += "</td>";
        }
      } //k
      tablehtml += "</tr>";
    } // j loop
  } //tds.length > 1
  tablehtml += "</table>";
  //alert(tablehtml);
  setInnerHTML('content', tablehtml);
  setVisible('content', 'visible');
  //alert('tds.length = ' + tds.length);
  if (tds.length > 1) 
  {   
    //setImage('scbimage', 'visible', firstname);
    showImage(firstname, 'visible', 0);
    setInnerHTML('pwsmap',PWSNowcastMap);
  }   
}

function doDisplayROMSForecast(noteNode)
{
  var type = document.pwsform.selectedImageType.value;
  setInnerHTML('description',fcstForecast);
  imageTypeChange(type);
}

function doDisplayWRF(noteNode)
{
  //alert('doDisplayWRF()');
  stopAnimation = true;

  var year = document.pwsform.selectedYear.value-0;
  var month = document.pwsform.selectedMonth.value-0;
  var day = document.pwsform.selectedDay.value-0;
  var val = 0;
  var sval = '00:00:00';

  var trs = noteNode.getElementsByTagName('tr');
  //alert('trs.length = ' + trs.length);
  var tr = trs.item(0);
  var tds = tr.getElementsByTagName('td');
  //alert('tds.length = ' + tds.length);
  var td = tds.item(3);
  var date = td.getAttribute('image');
  //alert('doDisplayWRF():: date = ' + date);
  var yyyy = date.substring(0,4)-0;
  var mm = date.substring(4,6)-0; 
  var dd = date.substring(6,8)-0;
  var hr = date.substring(8,10)-0; 

  document.pwsform.selectedHour.value = val;

  var itime = '' + year + pad(month,2) + pad(day,2) + pad(val, 2);

  var datestr = pad(month,2) + '/' + pad(day,2) + '/' + year;
  var tablehtml = '<table width="100%">';
  tablehtml += '<tr>';
  tablehtml += '<td class="bluebold10" align="center">';
  tablehtml += 'PWS Realtime Wind Product';
  tablehtml += '</td>';
  tablehtml += '</tr>';
  tablehtml += '<tr>';
  tablehtml += '<td align="center" class="bold10" id="wtitle" name="wtitle">';
  tablehtml += 'Wind for ' + datestr + ' ' + sval + ' GMT Time';
  tablehtml += '</td>';
  tablehtml += '</tr>';
  tablehtml += '</table>';
  setInnerHTML('description', tablehtml);

  tablehtml = '&nbsp;&nbsp;<select id="datelist" onchange="doSelectWindDate(this)">';
  var time = 0;
  for (var ii=0; ii<=23; ii++)
  {
    //if (ii > hr && month == mm && day == dd) break;
    var valuestr = '' + year + pad(month,2) + pad(day,2) + pad(time,2);
    var dstr = pad(time, 2) + ':00:00';
    if (ii==val)
      tablehtml += '<option selected value="' + valuestr + '">' + dstr + '</option>';
    else
      tablehtml += '<option value="' + valuestr + '">' + dstr + '</option>';
    if (time != 0 && time%23 == 0)                
    {
      time = 0;
      var ndate = new Date(year,month,day+1);
      year  = ndate.getYear();
      month = ndate.getMonth();
      day   = ndate.getDate();
      //alert('year = ' +  year);
      if (year < 1900) year += 1900;
    }
    else
    {
      time++;
    }
  }
  tablehtml += "</select>&nbsp;&nbsp;";
  //alert(tablehtml);

  var pwswind = '   <table width="100%" cellspacing="0" cellpadding="0" border="0">';
  pwswind += '<tr><td>&nbsp;</td></tr>';
  pwswind += '<tr>';
  pwswind += '<td width=500>';
  pwswind += '<div>';
  pwswind += '<img id="pwsimage" src="/repository/PWSwind/map/' + year + '/PWSwind_' + itime + '.png" align="center" usemap="#pwsmap"></img>';
  pwswind += '</div>';
  pwswind += '<div>';
  pwswind += '<table width="100%" cellspacing="0" cellpadding="0" border="0">';
  pwswind += '<tr>';
  pwswind += '<td align="center">';
  pwswind += '<input type="button" id="start" value="Animate" tyle="background-color:#C0C0C0;" onclick="doStartAnimate()">';
  pwswind += '</td>';
  pwswind += '<td align="center">';
  pwswind += '<input type="button" id="stop" value="Stop" tyle="background-color:#C0C0C0;" onclick="doStopAnimate()" disabled>';
  pwswind += '</td>';
  pwswind += '<td align="center">';
  pwswind += '<input type="button" id="pause" value="Pause" tyle="background-color:#C0C0C0;" onclick="doPauseAnimate()" disabled>';
  pwswind += '</td>';
  pwswind += '<td align="center">';
  pwswind += '<input type="button" id="resume" value="Resume" tyle="background-color:#C0C0C0;" onclick="doResumeAnimate()" disabled>';
  pwswind += '</td>';
  pwswind += '</tr>';
  pwswind += '</table>';
  pwswind += '</div>';
  pwswind += '</td>';
  pwswind += '<td class="bold10" nowrap valign="top">';
  pwswind += '<br>&nbsp;&nbsp;Hour:';
  pwswind += '<div name="datelist_div" id="datelist_div">';
  pwswind += tablehtml;
  pwswind += '</div>';
  pwswind += '</td>';
  pwswind += '</tr>';
  pwswind += '</table>';
  setInnerHTML('content', pwswind);
  setVisible('content', 'visible');
  setInnerHTML('pwsmap',PWSWindMap);

  setInnerHTML('clicknote', pwswind_note);

/*
  var imagedir = "/myocean/PWS/data/images/wrf/" + year + month.pad(2,"0", 2) + day.pad(2,"0", 2);

  var trs = noteNode.getElementsByTagName('tr');
  //alert('trs.length = ' + trs.length);
  var tr = trs.item(0);
  var tds = tr.getElementsByTagName('td');
  //alert('tds.length = ' + tds.length);
  var td = tds.item(1);
  var filesize = td.firstChild.nodeValue;
  //alert('doDisplayWRF():: filesize = ' + filesize);

  var image = imagedir + '/pws_wind' + month.pad(2,"0", 2) + day.pad(2,"0", 2) + '_1.jpg';

  var filename = year + month.pad(2,"0", 2) + day.pad(2,"0", 2) + '.gz';
  //var fname = '/myocean/PWS/data/wrf/' +  year + month.pad(2,"0", 2) + '/' + filename;
  var fname = "/myocean/PWS/data/downloads/" + year + month.pad(2,"0", 2) + day.pad(2,"0", 2) + "/AEFF/wrfout_d02_" + year + "-" + month.pad(2,"0", 2) + "-" + day.pad(2,"0", 2) + "_00.gz";

  var tablehtml = "<table>";
  tablehtml += "<tr>";
  tablehtml += "<td class=\"dataHead\" width=190 nowrap>&nbsp;File Name</td>";
  tablehtml += "<td class=\"dataHead\" nowrap>&nbsp;File Size&nbsp;</td>";
  tablehtml += "<td class=\"dataHead\" align=center nowrap>Download</td>";
  tablehtml += "<td class=\"dataHead\" align=center nowrap>View</td>";
  tablehtml += "</tr>";

  tablehtml += "<tr class='dataEven'>";
  tablehtml += "<td class=\"dataSmall\">&nbsp;";
  tablehtml += filename + "</td>";
  tablehtml += "<td align=\"center\" class=\"dataSmall\">&nbsp;";
  tablehtml += filesize + "</td>";
  tablehtml += "<td align=\"center\">";
  tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"hdl\" value=\"http\" onClick=\"httpDownload('" + fname + "');\">";
  tablehtml += "</td>";
  tablehtml += "<td>";
  //tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"eql\" value=\"File\" onClick=\"edit('" + fname + "');\">";
  tablehtml += "<SELECT NAME=\"wrfimage\" onChange=\"showWRFWindImage(this[this.selectedIndex].value, 'visible')\">";
  var dd = 1;
  var time = 0;
  stime = ''+time;
  for (var ii=1; ii<=47; ii++)
  {
    var name = imagedir + '/pws_wind' + month.pad(2, "0", 2) + day.pad(2, "0", 2) + "_" + ii + '.jpg';
    tablehtml += "<option value=\"" + name + "\">" + stime.pad(2, "0", 2) + "GMT (Day " + dd + ")</option>";          
    if (time != 0 && time%23 == 0)                
    {
      time = 0;
      dd++;
    }
    else
    {
      time++;
    }
    stime = ''+time;
  }
  tablehtml += "</SELECT>";
  tablehtml += "</td>";
  tablehtml += "</tr>";

  tablehtml += "<tr>";
  tablehtml += "<td colspan=4 width=\"100%\" align=right>";
  tablehtml += "<input type=\"button\" name=\"wrfanimate\" style=\"background-color:#C0C0C0\" value=\"Animation\" onclick=\"showWRFWindAnimation()\">";      
  //tablehtml += "&nbsp;&nbsp;<input type=\"button\" name=\"kmz\" style=\"background-color:#C0C0C0\" value=\"Download Google Earth Animation\" onClick=\"KMZDownload('" + fname + "');\">";
  tablehtml += "</td>";
  tablehtml += "</tr>";
  setInnerHTML('content', tablehtml);
  setVisible('content', 'visible');

  showImage(image, 'visible', -1);
*/
}

function doDisplayROMSDataTide(noteNode)
{
  var subproject = document.pwsform.selectedSubProject.value;
  var year = document.pwsform.selectedYear.value;
  var month = document.pwsform.selectedMonth.value;
  var day = document.pwsform.selectedDay.value;
  var imagedir = "/myocean/PWS/data/images/tide/" + year + month.pad(2,"0", 2) + day.pad(2,"0", 2);
  var image = imagedir + '/' + 'pws_tide_map.jpg';
  showImage(image, 'visible', -1);
  setInnerHTML('pwsmap',PWSTideMap);
  
  setInnerHTML('clicknote', '<br>Select a station location on the above images for a ROMS forecast plot');
} 
  
function doDisplayDrifterSimulated(noteNode)
{
  var url = "http://ourocean.jpl.nasa.gov/PWS/mangen_s.jsp";
  simulationDrifterWindow = open(url,'simulationDrifterWindow','resizable=yes,width=980,height=590, scrollbars=yes');
  if (simulationDrifterWindow.opener == null)
    simulationDrifterWindow.opener = self;
  return;
}

function doDisplayDrifterObserved(noteNode)
{
  var url = "http://ourocean.jpl.nasa.gov/PWS/mangen_o.jsp";
  obsevarionDrifterWindow = open(url,'obsevarionDrifterWindow','resizable=yes,width=980,height=590, scrollbars=yes');
  if (obsevarionDrifterWindow.opener == null)
    obsevarionDrifterWindow.opener = self;
  return;
}

function doDisplayDrifterEnsemble(noteNode)
{
  var url = "http://ourocean.jpl.nasa.gov/PWS/mangen_e.jsp";
  ensembleDrifterWindow = open(url,'ensembleDrifterWindow','resizable=yes,width=980,height=590, scrollbars=yes');
  if (ensembleDrifterWindow.opener == null)
    ensembleDrifterWindow.opener = self;
  return;
}

function showImage(iname, vis, idx)
{
  //alert('showImage() - iname=[' + iname + '] & idx = ' + idx);
  var icheck = 'icheck'+idx;
  if (iname == "")
    vis = 'hidden';
  //alert('showImage() - vis = ' + vis);
  if (idx != -1)
  {
    document.getElementById(icheck).style.visibility = vis;  //'visible';
    if (saveidx != "" && saveidx != icheck)
      document.getElementById(saveidx).style.visibility = 'hidden';
  }
  if (idx != -1)
    saveidx = icheck;
  document.pwsform.filename.value = iname;
  setImage('scbimage', vis, iname);
}

function showWRFWindImage(iname, vis)
{
  //alert('showWRFWindImage() - iname=[' + iname + ']');
  if (iname == "")
    vis = 'hidden';
  document.pwsform.filename.value = iname;
  setImage('scbimage', vis, iname);
}

function doDisplayGilderProfile(noteNode)
{
  var year = document.pwsform.selectedYear.value;
  var month = document.pwsform.selectedMonth.value;
  var day = document.pwsform.selectedDay.value;
  var datadir = "/myocean/PWS/data/las";
  var imagedir = "/myocean/PWS/data/images/romsvsgliders/" + year + month.pad(2,"0", 2) + day.pad(2,"0", 2) 
  var firstname = ''; //red check mark

  var trs = noteNode.getElementsByTagName('tr');
  //alert('trs.length = ' + trs.length);
  var tablehtml = "<table>";
  var tr = trs.item(0);
  var tds = tr.getElementsByTagName('td');
  //alert('tds.length = ' + tds.length);
  if (tds.length > 1)
  {   
    tablehtml += "<tr>";
    tablehtml += "<td width=10 nowrap>&nbsp;</td>";
    tablehtml += "<td class=\"dataHead\" width=190 nowrap>&nbsp;File Name</td>";
    tablehtml += "<td class=\"dataHead\" align=center nowrap>View</td>";
    tablehtml += "</tr>";

    for(var j=0; j<trs.length; j++)
    {
      if (j%2 == 0)
        tablehtml += "<tr class='dataEven'>";
      else
        tablehtml += "<tr class='dataOdd'>";
      tr = trs.item(j);
      var tds = tr.getElementsByTagName('td');
      //alert('tds.length = ' + tds.length);
      tablehtml += "<td bgcolor=\"FFFFFF\"><img id=\"icheck" + j + "\" name=\"icheck" + j + "\" src=\"images/checkmark2.gif\" border=\"0\" width=16 height=16 style=\"visibility:hidden\"></td>";
      for(var k=0; k<tds.length; k++)
      {
        var td = tds.item(k);
        var value = td.firstChild.nodeValue;
        //alert('value = [' + value + ']');
        if (k==0) //File Name
        {
          value += ".jpg";
          tablehtml += "<td class=\"dataSmall\">&nbsp;";
          tablehtml += value + "</td>";
        }
        else if (k==3) //Image Name
        {
          var image = td.getAttribute('image');
          tablehtml += "<td>";
          if (image != null)
          {
            imagename = imagedir + "/" + image + ".jpg";
            if (firstname == '')
              firstname = imagename;
	    //alert(imagename);
            tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"image" + j + "\" value=\"Image\" onClick=\"showImage('" + imagename + "', 'visible', " + j + ");\">";
          }
          tablehtml += "</td>";
        }
      } //k
      tablehtml += "</tr>";
    } // j loop
  } //tds.length > 1
  tablehtml += "</table>";
  //alert(tablehtml);
  setInnerHTML('content', tablehtml);
  setVisible('content', 'visible');
  //alert('tds.length = ' + tds.length);
  if (tds.length > 1) 
  {   
    //setImage('scbimage', 'visible', firstname);
    showImage(firstname, 'visible', 0);
  }   
}

function showWRFWindAnimation()
{
  var year  = document.pwsform.selectedYear.value;
  var month = document.pwsform.selectedMonth.value;
  var day   = document.pwsform.selectedDay.value;
  var domain = 'PWS';

  url = '/cgi-bin/WRFWind.cgi?type=WRFWind&date=' + year + month.pad(2,"0",2) + day.pad(2,"0",2) + '&domain=' + domain.toUpperCase();
  //alert('showWRFWindAnimation():: url = ' + 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();
}

function doDisplayShipCTD(noteNode)
{
  var year = document.pwsform.selectedYear.value;
  var month = document.pwsform.selectedMonth.value;
  var day = document.pwsform.selectedDay.value;
  var imagedir = "/myocean/PWS/data/images/romsvsshipctd/" + year + month.pad(2,"0", 2) + day.pad(2,"0", 2);
  var firstname = ''; //red check mark

  var trs = noteNode.getElementsByTagName('tr');
  //alert('trs.length = ' + trs.length);
  var tablehtml = "<table>";
  var tr = trs.item(0);
  var tds = tr.getElementsByTagName('td');
  //alert('tds.length = ' + tds.length);
  if (tds.length > 1)
  {   
    tablehtml += "<tr>";
    tablehtml += "<td width=10 nowrap>&nbsp;</td>";
    tablehtml += "<td class=\"dataHead\" width=190 nowrap>&nbsp;File Name</td>";
    tablehtml += "<td class=\"dataHead\" align=center nowrap>View</td>";
    tablehtml += "</tr>";

    for(var j=0; j<trs.length; j++)
    {
      if (j%2 == 0)
        tablehtml += "<tr class='dataEven'>";
      else
        tablehtml += "<tr class='dataOdd'>";
      tr = trs.item(j);
      var tds = tr.getElementsByTagName('td');
      //alert('tds.length = ' + tds.length);
      tablehtml += "<td bgcolor=\"FFFFFF\"><img id=\"icheck" + j + "\" name=\"icheck" + j + "\" src=\"images/checkmark2.gif\" border=\"0\" width=16 height=16 style=\"visibility:hidden\"></td>";
      for(var k=0; k<tds.length; k++)
      {
        var td = tds.item(k);
        var value = td.firstChild.nodeValue;
        //alert('value = [' + value + ']');
        if (k==0) //File Name
        {
          value = value + ".jpg";
          tablehtml += "<td class=\"dataSmall\">&nbsp;";
          tablehtml += value + "</td>";
        }
        else if (k==3) //Image Name
        {
          var image = td.getAttribute('image');
          tablehtml += "<td>";
          if (image != null)
          {
            imagename = imagedir + "/" + image;
            if (firstname == '')
              firstname = imagename;
            tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"image" + j + "\" value=\"Image\" onClick=\"showImage('" + imagename + "', 'visible', " + j + ");\">";
          }
          tablehtml += "</td>";
        }
      } //k
      tablehtml += "</tr>";
    } // j loop
  } //tds.length > 1
  tablehtml += "</table>";
  //alert(tablehtml);
  setInnerHTML('content', tablehtml);
  setVisible('content', 'visible');
  //alert('tds.length = ' + tds.length);
  if (tds.length > 1) 
  {   
    //setImage('scbimage', 'visible', firstname);
    showImage(firstname, 'visible', 0);
  }   
}

function doDisplayHFRadar(noteNode)
{
  var year = document.pwsform.selectedYear.value;
  var month = document.pwsform.selectedMonth.value;
  var day = document.pwsform.selectedDay.value;
  //var datadir = "/myocean/PWS/data/downloads/" + year + month.pad(2,"0", 2) + day.pad(2,"0", 2) + "/hfradar";
  var datadir = "/myocean/PWS/data/analysis_ms";
  var imagedir = "/myocean/PWS/data/images/romsvshf/" + year;
  var firstname = ''; //red check mark
  var type = '';

  var trs = noteNode.getElementsByTagName('tr');
  //alert('trs.length = ' + trs.length);
  var tablehtml = "<table>";
  var tr = trs.item(0);
  var tds = tr.getElementsByTagName('td');
  //alert('tds.length = ' + tds.length);
  if (tds.length > 1)
  {   
    tablehtml += "<tr>";
    tablehtml += "<td width=10 nowrap>&nbsp;</td>";
    tablehtml += "<td class=\"dataHead\" align=center nowrap>File Name</td>";
    tablehtml += "<td class=\"dataHead\" align=center nowrap>View</td>";
    tablehtml += "</tr>";

    for(var j=0; j<trs.length; j++)
    {
      if (j%2 == 0)
        tablehtml += "<tr class='dataEven'>";
      else
        tablehtml += "<tr class='dataOdd'>";
      tr = trs.item(j);
      var tds = tr.getElementsByTagName('td');
      //alert('tds.length = ' + tds.length);
      tablehtml += "<td bgcolor=\"FFFFFF\"><img id=\"icheck" + j + "\" name=\"icheck" + j + "\" src=\"images/checkmark2.gif\" border=\"0\" width=16 height=16 style=\"visibility:hidden\"></td>";
      for(var k=0; k<tds.length; k++)
      {
        var td = tds.item(k);
        value = td.firstChild.nodeValue;
        //alert('value = [' + value + ']');
        if (k==0) //File Name
        {
          //pws_romsvshf0506_00_0.jpg
          val = value + ".jpg";
          var ind = value.lastIndexOf("_");
          if (ind != -1)
          {
            var mmdd = value.substring(ind-6, ind-2);
            var step = value.substring(ind-2, ind);
            val = "pws_romsvshf" + mmdd + "_" + step + "_0.jpg"; 
          }
          tablehtml += "<td class=\"dataSmall\" align=center>&nbsp;";
          tablehtml += val + "</td>";
        }
        else if (k==1) //size
        {
        }
        else if (k==3) //Header, LAS, Image
        {
          var image = td.getAttribute('image');
          //alert('image = ' + image);
          tablehtml += "<td>";
          if (image != null)
          {
            //pws_romsvshf0506_00_0.jpg
            imagename = imagedir + "/" + image + '.jpg';

            if (firstname == '')
              firstname = imagename;

            tablehtml += "<input class=\"normal8\" type=\"button\"  name=\"image" + j + "\" value=\"Image\" onClick=\"showImage('" + imagename + "', 'visible', " + j + ");\">";
          }
          tablehtml += "</td>";
        }
      } //k
      tablehtml += "</tr>";
    } // j loop
  } //tds.length > 1
  tablehtml += "</table>";
  //alert(tablehtml);
  setInnerHTML('content', tablehtml);
  setVisible('content', 'visible');
  //alert('tds.length = ' + tds.length);
  if (tds.length > 1) 
  {   
    //setImage('scbimage', 'visible', firstname);
    showImage(firstname, 'visible', 0);
    setInnerHTML('pwsmap',PWSNowcastMap);
  }   
}

function doDisplayHome(noteNode)
{
  //alert('doDisplayHome()');
  var year = document.pwsform.selectedYear.value;
  var month = document.pwsform.selectedMonth.value;
  var day = document.pwsform.selectedDay.value;
  var rname = 'http://ourocean.jpl.nasa.gov/PWS/report/PWS_DailySummary_' + year + pad(month, 2) + pad(day, 2) + '.txt';
  var summary = clientSideInclude(rname);
/*
  var trs = noteNode.getElementsByTagName('tr');
  alert('trs.length = ' + trs.length);
  var tr = trs.item(0);
  var tds = tr.getElementsByTagName('td');
  alert('tds.length = ' + tds.length);
  var td = tds.item(0);
  var summary = td.firstChild.nodeValue;
*/
  var tablehtml = "<table>";
  tablehtml += "<tr>";
  tablehtml += "<td class=\"comment\" style=\"text-align:justify\">";    
  tablehtml += '<b>' + pad(month, 2) + '/' + pad(day, 2) + '/' + year + '</b> - ';    
  tablehtml += summary;    
  tablehtml += "</td>";    
  tablehtml += "</tr>";

  if (summary.indexOf("The executive report will be available after 5:00 PM Alaska time") == -1)
  {
    tablehtml += "<tr>";
    tablehtml += "<td class=\"comment\">Click ";    
    //tablehtml += "<a href = \"report/PWS_DailySummary_' + year + pad(month, 2) + pad(day, 2) + '.doc\" target =\"_blank\">here</a>";
    tablehtml += "<a href=\"javascript:void(0);\" onclick=\"doDailySummary()\">here</a>";
    tablehtml += " to view a more detailed PWS daily summary.</td>";
    tablehtml += "</tr>";
  }

  tablehtml += "</table>";
  //setInnerHTML('description', tablehtml);

  var timetag = year + pad(month, 2) + pad(day, 2);
  var iname = "/myocean/PWS/data/images/locations/" + timetag + "/loc_" + timetag + ".jpg";
  document.pwsform.filename.value = iname;
  //setImage('scbimage', "visible", iname);


  var tablehtml2 = '<table border=0>';
  tablehtml2 += '  <tr>';
  tablehtml2 += '    <td>';
  tablehtml2 += '      <img src="/myocean/PWS/data/images/locations/' + timetag + '/hfloc_' + timetag + '.jpg" border="1">';
  tablehtml2 += '    </td>';
  tablehtml2 += '  </tr>';
  tablehtml2 += '</table>';
  //setInnerHTML('clicknote', tablehtml2);

  if (reqProject != "" && year == 2009)
  {
    if (month == 7)
    {
      if (day < 13)
      {
        setInnerHTML('description', '<table width=100%><tr><td width=100% class="bluebold14" align="center"><br>Not Available<br><br></td></tr></table>');
        setImage('scbimage', "hidden", "images/spacer.gif");
        setInnerHTML('clicknote', '');
      }
      else
      {
        setInnerHTML('description', tablehtml);
        setImage('scbimage', "visible", iname);
        setInnerHTML('clicknote', tablehtml2);
      }
    }
    else if (month == 8)
    {
      if (day > 5)
      {
        setInnerHTML('description', '<table width=100%><tr><td width=100% class="bluebold14" align="center"><br>Not Available<br><br></td></tr></table>');
        setImage('scbimage', "hidden", "images/spacer.gif");
        setInnerHTML('clicknote', '');
      }
      else
      {
        setInnerHTML('description', tablehtml);
        setImage('scbimage', "visible", iname);
        setInnerHTML('clicknote', tablehtml2);
      }
    }
    else
    {
      setInnerHTML('description', '<table width=100%><tr><td width=100% class="bluebold14" align="center"><br>Not Available<br><br></td></tr></table>');
      setImage('scbimage', "hidden", "images/spacer.gif");
      setInnerHTML('clicknote', '');
    }
  }
  else
  {
    setInnerHTML('description', tablehtml);
    setImage('scbimage', "visible", iname);
    setInnerHTML('clicknote', tablehtml2);
  }

}

function doDailySummary()
{
  var year = document.pwsform.selectedYear.value;
  var month = document.pwsform.selectedMonth.value;
  var day = document.pwsform.selectedDay.value;

  var url = 'http://ourocean.jpl.nasa.gov/PWS/report/PWS_DailySummary_' + year + pad(month, 2) + pad(day, 2) + '.pdf';
  //alert('doDailySummary():: url = ' + url);
  //subplot_popup(url, 500, 370);
  spopWindow=open(url,'spopWindow','resizable=yes,scrollbars=yes,width=630,height=620');
  if (spopWindow.opener == null)
    spopWindow.opener = self;
  else
    spopWindow.focus();
}