<!-- GOOGLE MAPS SCRIPT


function initialize() {

    if (GBrowserIsCompatible()) {
      
      var side_bar_html = "";
     
      function createMarker(point,name,html) {
        var letter = String.fromCharCode("A".charCodeAt(0) + (gmarkers.length));
        var myIcon = new GIcon(G_DEFAULT_ICON, "http://www.google.com/mapfiles/marker" + letter + ".png");
        myIcon.printImage = "http://maps.google.com/mapfiles/marker"+letter+"ie.gif"
        myIcon.mozPrintImage = "http://maps.google.com/mapfiles/marker"+letter+"ff.gif"
 
        var marker = new GMarker(point, {icon:myIcon});
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        gmarkers.push(marker)
        side_bar_html += '<b>'+letter+'<\/b> <a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><br>';
        return marker;
      }
     

        map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GLargeMapControl());
		map.addMapType(G_PHYSICAL_MAP);
		map.setMapType(G_PHYSICAL_MAP);
        map.addControl(new GMapTypeControl());

        map.setCenter(new GLatLng(33.40775000000001, -117.226195), 14);


// TRAILHEAD


var polyline1_0 = new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "}`}jEbvqjUv@yA^cArBwBlAeA\\Qn@Qn@Ib@@b@Hp@Dl@ZtCXzA?t@G^[|@c@d@u@l@u@f@wARwALqAd@uBVk@_@iBWm@Mu@iAoCe@k@i@oASm@Ku@Ma@][c@GUc@Gc@Bs@NqAf@s@PaA^k@l@Yn@QpAQfAY~@Qv@InAc@r@gAXeCCkCc@iAw@yC",
  levels: "P@CA@E?AC?AAB@E@B?GA?A@E@@B@AB??CAAC@FBAAE@A@?@CBFAC@P",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_0);



var polyline1_1 = new GPolyline.fromEncoded({
  color: "#00ff00",
  weight: 4,
  opacity: 0.8,
  points: "gu{jE|cojUSe@EWe@w@}@eCKaBF}@Z_Aj@eA\\e@@k@Dc@LYXI[m@Aa@M[i@k@c@cBKWw@_AGa@US[FOQOGc@?IPQQAQDQK[MQ[EUIKQKGCYUKGY]c@GgATGIu@Cm@w@wAg@qA[oAq@wAc@iAQeAi@gAo@m@u@gA}Bs@eDu@wBwCcDwAmEcBkD}@eAa@_@aAy@oA{AaDo@}@oAuCC]ZPT?XPXYh@Q^Fx@v@j@XR`@Jb@d@l@^Pp@d@~@b@vAz@?PKPCPBPHFAJFNb@?^FREFDT?VZh@Xf@PXFTBXU^eA`@HfA`@r@b@n@XxA~@xD{Dt@@[pBu@lBMlAt@~Bt@lARb@^QX?Vj@P`AHt@b@h@Jl@VdA\\~BPVRPJd@v@dATl@Lr@\\fAn@nAb@l@h@~@nAjCXx@Jh@x@P^Ph@b@N@`@tA^d@l@zB`@P\\Xa@v@Er@Rv@~@tCkB\\K`@^vAKj@aBTu@PWVEXNRJ`@@l@[j@",
  levels: "P?@@BEAB?B?BAFA@AA?AADAA?BADA?ABA?B?A@A@DBA?C@AA?AAG@C@CD@A@E@@ABAI@@C@BD@B@AC???D@?B@@@D@@?@B@A?FABD?A??ECGAADE?C@CD?BA?@C?@AB?@B@?@B?DA@@CAAC@FAC?EDBAD?ADA@ABP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);



     
	  var point = new GLatLng(33.413430000000005, -117.24146);
      var marker = createMarker(point,'Trailhead (TH)','<div class="infotitle">Santa Margarita River Trail</div><div class="infotext">Trailhead parking lot</div>')
      map.addOverlay(marker);

      var point = new GLatLng(33.406501092287144, -117.22836703062057);
      var marker = createMarker(point,'1.14 miles from TH','<div class="infotitle">1.14 miles from Trailhead</div><div class="infotext">Continue down to river</div>')
      map.addOverlay(marker);
      
      
      var point = new GLatLng(33.40699876123739, -117.22606837749481);
      var marker = createMarker(point,'SM River Crossing','<div class="infotitle">SM River Crossing</div><div class="infotext">Ford shallow river to trail on other side<br><img src="gallery/trail/hike2/thumbs/Santa Margarita River trail on north side of river.JPG" width=124 height=124 class="sideborders" alt="SM river"><br><a class="info" href="gallery/trail/hike2/slides/Santa Margarita River trail on north side of river.JPG">View</a></div>')
      map.addOverlay(marker);

     
      var point = new GLatLng(33.41389015327548, -117.21565246587488);
      var marker = createMarker(point,'Bee hive in rock crevace','<div class="infotitle">Bee hive in rock crevace</div><div class="infotext">A huge bee hive in the rocks<br>next to the trail<br>somewhere around here<br>go by quickly<br><img src="gallery/trail/hike2/thumbs/Wild bee hive area.JPG" width=124 height=124 class="sideborders" alt="bees here"><br><a class="info" href="gallery/smtrail/slides/Wild bee hive area.JPG">View</a></div>')
      map.addOverlay(marker);
      
      var point = new GLatLng(33.41740527052651, -117.2119653224945);
      var marker = createMarker(point,'Sign post for Willow Glen xing','<div class="infotitle">sign post for Willow Glen xing</div><div class="infotext">Head to the Willow Glen crossing<br><img src="gallery/trail/hike2/thumbs/Willow Glen river crossing.JPG" width=124 height=124 class="sideborders" alt="shortcut"><br><a class="info" href="gallery/trail/hike2/slides/Willow Glen river crossing.JPG">View</a></div>')
      map.addOverlay(marker);

	  var point = new GLatLng(33.4118, -117.21473);
      var marker = createMarker(point,'Morteros','<div class="infotitle">Morteros</div><div class="infotext">Depressions in boulders made by native indians<br>for grinding grain<br><img src="gallery/trail/hike2/thumbs/morteros.JPG" width=124 height=124 class="sideborders" alt="shade"><br><a class="info" href="gallery/trail/hike2/slides/morteros.JPG">View</a></div>')
      map.addOverlay(marker);

      var point = new GLatLng(33.410666, -117.214465);
      var marker = createMarker(point,'Rainbow Creek crossing','<div class="infotitle">Rainbow creek crossing</div><div class="infotext">Easy<br><img src="gallery/trail/hike2/thumbs/Rainbow Creek.JPG" width=124 height=124 class="sideborders" alt="intersection"><br><a class="info" href="gallery/trail/hike2/slides/Rainbow Creek.JPG">View</a></div>')
      map.addOverlay(marker);

     var point = new GLatLng(33.41004830210455, -117.21685767173767);
      var marker = createMarker(point,'Intersection to horse crossing','<div class="infotitle">Intersection to horse crossing</div><div class="infotext">Turn left (uphill) at the intersection<br><img src="gallery/trail/hike2/thumbs/Intersection of high and low river trail.JPG" width=124 height=124 class="sideborders" alt="intersection"><br><a class="info" href="gallery/trail/hike2/slides/Intersection of high and low river trail.JPG">View</a></div>')
      map.addOverlay(marker);


      var point = new GLatLng(33.405722489890415, -117.22463607788086);
      var marker = createMarker(point,'Old Ford','<div class="infotitle">Old Ford</div><div class="infotext">Picturesque Ford station wagon on river bank<br><img src="gallery/trail/hike2/thumbs/1950s Ford stationwagon wreck.JPG" width=124 height=124 class="sideborders" alt="old ford"><br><a class="info" href="gallery/trail/hike2/slides/1950s Ford stationwagon wreck.JPG">View</a></div>')
      map.addOverlay(marker);


      document.getElementById("side_bar").innerHTML = side_bar_html;
  
     
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
 
 }



// -->