var gateways_array = [
  {name:"Earth Global Layers",	    url:gateways_url+"/earth.html"},
  {name:"Current Earthquakes",      url:gateways_url+"/quake.html"},
  {name:"Katrina Impact",           url:gateways_url+"/katrina.html"},
  {name:"Afghanistan",              url:gateways_url+"/afghanistan.html"},
  {name:"Blue Marble - 12 months",  url:gateways_url+"/bmng.html"},
  {name:"Tsunami Impact",           url:gateways_url+"/tsunami.html"},
  {name:"Java Impact",              url:gateways_url+"/java.html"},
  {name:"DaVinci's Adoration",      url:gateways_url+"/adoration.html"},
  {name:"Mars",			    url:gateways_url+"/mars.html"}
];


function makeGatewaysHTML(name)
{  
  var selected = "";
  document.write(
    "\n<tr>\n",
    "  <td height=\"1%\" align=\"left\">\n",
    "    <font face=\"Geneva, Arial, Helvetica, san-serif\" color=\"#FFFFFF\"><b><i><u>GeoMatrix Gateways</u></i></b></font>\n",
    "  </td>\n",
    "</tr>\n",
    "<tr>\n",
    "  <td height=\"1%\" align=\"left\">\n",
    "    <font face=\"Geneva, Arial, Helvetica, san-serif\" color=\"#FFFFFF\">\n",
    "      <select id=\"gateways\" name=\"gateways\" onChange=\"location.href=this.options[this.selectedIndex].value;\">\n");
    for(var i=0; i < gateways_array.length; i++) {
      if(name == gateways_array[i].name)
        selected = " selected=\"selected\"";
      else
        selected = "";
      document.write("        <option value=\"" + gateways_array[i].url + "\"" + selected +  " >" + gateways_array[i].name + "</option>\n");
    }
    document.write(
    "      </select>\n",
    "    </font>\n",
    "  </td>\n",
    "</tr>\n");
}