function hb_showAni() { 
  window.open('/projects/hb06/data/moorings/ani/','dftAniWin');
  return true;
}

function hb_updateImage() {
  var frm = document.forms["formSelector"];
  if(!frm) { 
    return;
  }

  var el;

  var mid = "hb";
  var period = "14";
  var chan = "mcT";


  // Get the Channel to display
  el = document.getElementById("chanSelect");
  if(el) {
    chan = el[el.selectedIndex].value;
  }

  // Hide or show mooring select
  el = document.getElementById("mooringSelectRow");
  if(!el) { 
    return;
  }
  if(chan == "adcp") { 
    el.style.visibility = "visible";
    // Get the mooring id to display
    el = document.getElementById("mooringSelect");
    if(el) { 
      mid = el[el.selectedIndex].value;
    }
  } else { 
    el.style.visibility = "hidden";
  }

  // Hide or show duration select
  el = document.getElementById("daysSelectRow");
  ani = document.getElementById("aniButton");
  if(!el || !ani) { 
    return;
  }
  if(chan == "map") { 
    el.style.visibility = "hidden";
    ani.style.visibility = "visible";
  } else { 
    el.style.visibility = "visible";
    ani.style.visibility = "hidden";
  }

  // Get the period to display
  el = document.getElementById("daysSelect");
  if(el) {
    period = el[el.selectedIndex].value;
  }

  if(chan != "map") { 
    // Calculate the image url
    var isrc = "/projects/hb06/data/moorings/imgs/"+mid+"_"+chan+"_"+period+"x.png";
    var lsrc = "/projects/hb06/data/moorings/imgs/"+mid+"_"+chan+"_"+period+".png";
  } else { 
    var isrc = "/projects/hb06/data/moorings/imgs/hb_map_01x.jpg";
    var lsrc = "/projects/hb06/data/moorings/imgs/hb_map_01.jpg";
  }

  // Change the image.
  var iscale = document.getElementById("imgScaled");
  if(!iscale) { 
    return;
  }
  iscale.src = isrc;
  iscale.setAttribute("lsrc",lsrc);
}

function hb_initPage() {
  hb_registerListeners();
  hb_updateImage();
}

function hb_registerListeners() {
  var frm = document.forms["formSelector"];
  var sels = frm.getElementsByTagName("select");
  for(var i=0;i<sels.length;i++) { 
    sels[i].onchange = hb_updateImage;
  }
}

var winCtr = 0;
function hb_showLarge() { 
  var el = document.getElementById("imgScaled");
  if(!el) { 
    return;
  }

  var imgSrc = el.getAttribute("lsrc");
  if(!imgSrc) { 
    imgSrc = el.src;
  }

  win = window.open('','dftImgWin'+(winCtr++));
  win.document.write('<html><head><title>HB06 &raquo; SCCOOS Ocean Moorings<'+
      '/title><'+'/head><body bgcolor="#cfd5dc"><center>'+
      '<h1>SCCOOS Ocean Moorings<'+'/h1><img src="'+
      imgSrc+'" alt="Large Image" style="border:solid #666 1px;"/'+'><br/><'+
      '/center><'+'/body><'+'/html>');
  win.document.close();
}

window.onload = hb_initPage;
