// -------------- location Google maps stuff ---------------------------------------------------------
function load() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("ggMap"));
    map.addControl(new GLargeMapControl());
    map.addControl(new GOverviewMapControl());
    var powells = new GLatLng(45.495204, -122.809547);
    map.setCenter(powells, 14);
    powMark = new GMarker(powells);
    map.addOverlay(powMark);
    powHTML  = "<div id=\"mapBalloon\">";
    powHTML += " <b>Powell's Books at Cedar Hills Crossing</b><br />";
    powHTML += " <img src=\"img/powells_map.gif\" align=\"right\" width=\"72\" height=\"45\" alt=\"\" />";
    powHTML += " 3415 SW Cedar Hills Blvd.<br />Beaverton, OR 97005<br /><br />";
    powHTML += " Get directions to here";
    powHTML += " <div class=\"dirDiv\">";
    powHTML += "  <input type=\"radio\" id=\"goByCar\" name=\"byCarBus\" checked=\"checked\" onclick=\"showForm('Car')\" />";
    powHTML += "  <label for=\"goByCar\">by car</label> ";
    powHTML += "  <input type=\"radio\" id=\"goByBus\" name=\"byCarBus\" onclick=\"showForm('Bus')\" />";
    powHTML += "  <label for=\"goByBus\">by bus/MAX</label>";
    powHTML += " </div>";
    powHTML += "  <form id=\"dirByCar\" target=\"newWin\" method=\"get\" action=\"http://www.google.com/maps\">";
    powHTML += "   <div id=\"dirDivCar\" class=\"dirDiv\">";
    powHTML += "    <input type=\"hidden\" name=\"daddr\" value=\"3415 SW Cedar Hills Blvd 97005\" />";
    powHTML += "    <span class=\"label\">from</span> <input class=\"inpTxt\" type=\"text\" name=\"saddr\" />";
    powHTML += "   </div>";
    powHTML += "   <input type=\"submit\" value=\"get directions\" />";
    powHTML += "  </form>";
    powHTML += "  <form id=\"dirByBus\" target=\"newWin\" method=\"get\" action=\"http://www.google.com/transit\">";
    powHTML += "   <div id=\"dirDivBus\" class=\"dirDiv\">";
    powHTML += "    <input type=\"hidden\" name=\"daddr\" value=\"3415 SW Cedar Hills Blvd 97005\" />";
    powHTML += "    <input type=\"hidden\" name=\"ttype\" value=\"arr\" />";
    powHTML += "    <input type=\"hidden\" name=\"time\" value=\"6:45pm\" />";
    powHTML += "    <span class=\"label\">from</span> <input class=\"inpTxt\" type=\"text\" name=\"saddr\" /><br />";
    powHTML += "    <span class=\"label\">on</span> <select name=\"date\" />";
    powHTML += "     <option value=\"6/17\">June 17</option>";
    powHTML += "    </select> <input id=\"dirSubmit\" type=\"submit\" value=\"get directions\" />";
    powHTML += "   </div>";
    powHTML += "  </form>";
    powHTML += " </div>";
    powHTML += "</div>";
    powMark.openInfoWindowHtml(powHTML);
    GEvent.addListener(powMark, "click", function() {
      powMark.openInfoWindowHtml(powHTML);
    });
  }
}

function showForm(formType) {
  var formID = "dirBy"+formType;
  var otherFormID = "dirBy"+((formType == "Car") ? "Bus" : "Car");
  document.getElementById(formID).style.display = "block";
  document.getElementById(otherFormID).style.display = "none";
}

window.onload=load;
window.onunload=GUnload;