function show_trail_table(trails)
{
  // write table of trail info
  document.write('<table border="1" cellspacing="0" cellpadding="2" align="center">');
  document.write('<tr>');
  document.write('<th align="right" valign="top"><b><font size="4">#</font></b></th>');
  document.write('<th align="left"><b><font size="4">Trail/Area</font></b></th>');
  document.write('<th align="left"><font size="4">Description</font></th>');
  document.write('<th align="left"><font size="4">Location</font></th>');
  document.write('<th align="left"><font size="4">Manager</font></th>');
  document.write('<th align="left"><font size="4">PNW4WDA Manager</font></th>');
  document.write('</tr>');
  for (i = 0; i < trails.length; i++)
  {
	var trail = trails[i];

    document.write('<tr>');

    document.write('<td valign="top">'+trail[0]+'</td>');

    document.write('<td valign="top">');
    if (trail[2] != "")
	  document.write('<a href="'+encodeURI(trail[2]+".htm")+'">');
    document.write(trail[1]);
    if (trail[2] != "")
	  document.write('</a>');
    document.write('</td>');

    document.write('<td valign="top">'+trail[3]+'</td>');

    document.write('<td valign="top">'+trail[4]+'</td>');

    document.write('<td valign="top">');
    if (trail[8] != "")
	  document.write('<a href="'+encodeURI(trail[8])+'" target="_blank">');
    document.write(trail[7]);
    if (trail[8] != "")
    document.write('<td valign="top">'+trail[9]+'</td>');


	  document.write('</a>');
    document.write('</td>');

    document.write('</tr>');
  }

  document.write('</table>');
}

function onMapClick(href)
{
  window.location.href = href;
}

function onMapOver(marker,href,name)
{
  var html = '<a href="'+encodeURI(href)+'">'+name+'</a>';
  marker.openInfoWindowHtml(html);
}

function gmapListener(marker, href, name) {
  GEvent.addListener(marker,"click",function() {onMapClick(href);});
  GEvent.addListener(marker,"mouseover",function() {onMapOver(marker, href, name);});
}

function show_trail_map(trails, lat, lon, zoom)
{
  var gmap = new GMap2(document.getElementById("trailMap"));
  gmap.addControl(new GLargeMapControl());
  gmap.addControl(new GMapTypeControl());
  gmap.setCenter(new GLatLng(lat,lon),zoom);
  var baseIcon = new GIcon();
  baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
  baseIcon.iconSize = new GSize(20, 34);
  baseIcon.shadowSize = new GSize(37, 34);
  baseIcon.iconAnchor = new GPoint(9, 34);
  baseIcon.infoWindowAnchor = new GPoint(9, 2);
  baseIcon.infoShadowAnchor = new GPoint(18, 25);
  for (i=0; i < trails.length; i++)
  {
    trail = trails[i];
    var icon = new GIcon(baseIcon);
    icon.image = "http://www.google.com/mapfiles/marker"+trail[0]+".png";
    var marker = new GMarker(new GLatLng(trail[5],trail[6]), icon);
    gmapListener(marker, trail[2] + ".htm", trail[1]);
    gmap.addOverlay(marker);
  }
}