<!-- 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), 15);


// 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@yCd@HZYBs@Yw@^i@x@Qv@Kn@k@c@kBNY~A[_@gAG{@a@uB",
  levels: "P@CA@E?AC?AAB@E@B?GA?A@E@@B@AB??CAADA?FAAD@A@?@CBFAC@EBCABC?BDBCEA@P",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_0);





var polyline1_2 = new GPolyline.fromEncoded({
  color: "#00ffff",
  weight: 5,
  opacity: 0.8,
  points: "}n{jEdmnjUZQLn@Tx@r@d@n@GvA[f@[xB[fCQrBYt@Q}Cs@cAaAm@cAm@a@{@V]PWOo@yAe@kBm@{Ay@Y[E[QGS?a@LcBJa@n@aAAW[c@_@C_@KWUIY@i@Py@Ig@UQM?ODQ?a@PQDWEm@Q_@k@m@UOQWg@My@SM]PYXYPa@F[?SFWGo@WOKq@_AMYIk@KS]]MEIOCOJo@J[JO~@y@HKJWGKIk@Ru@@Qy@}@[g@Qi@Q]Eg@LSNG\\a@VI\\FX?FQRYXYXARN@WRUj@a@TIX@RJHNHOL_@ZO`Dk@p@a@_@Mm@Bc@Gi@De@Ga@FcAMWKk@@i@N_Aj@_AHo@ASOM[s@{BMk@Hc@Na@E]{@c@e@s@a@YUYWCU`@F\\FPDn@JVARFVCdBDh@XZv@r@A~@UdA_A`Am@`AWhASl@KfADdAZbBEh@IXJ\\?Vr@Zd@GVYJQXL`@lA@h@Fb@VZ\\nAR|@XjBJ^ZZ?j@pA|Cx@nAf@|@|@hBTj@~@xAbAlArBtBh@fAHZ`@VPj@T\\@b@DRh@HBT",
  levels: "PC?BE@AB@A?GCAAD@BD@@D@@E@AB@ADB?ADA@AE@B?@?B?DA@BAAD@?AC?A?D@A@?A??F@?B?@?C?B?DA@?CAF?@B@B?@BACA?C@B?C?ACAGA@@@@A@C@AB@F@A?C?ADA@@AIB?@@B@@@C?CDB@B?DA@B?A@FBA?BEA?AAA?B@ABD?@?@B?A@AC@A?BAP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_2);




// Shortcut loop


var polyline1_3 = new GPolyline.fromEncoded({
  color: "#ffff00",
  weight: 2,
  opacity: 0.8,
  points: "go{jExmnjUT?Lf@Z\\d@b@XDrAQv@Uh@YxAUzAGpAQ`B}@qBc@}@aA[u@e@e@i@Iw@h@Q?SQKa@Q[_@}@Ku@MY_@iAOQWIs@O[IISAURiCr@eABQAQOWKIe@IWGQKMQCY@[Py@AYISQKMESFOAULSJc@E[IYOYc@w@c@Ua@Iw@OQk@Pu@ZaANqASm@q@e@y@Kg@Sc@i@a@?c@Hg@Na@|@u@PWFWWR]H_AAYRgAPGHZt@Jb@@^Hd@^j@Tl@Bb@j@vC?Xh@l@h@|@d@lCd@fAn@~@\\XdA|Bx@vAp@r@l@`Aj@Zv@x@b@bAh@n@Jd@?b@N\\PPZDPROXGP",
  levels: "PAABADA@AB@BGCA@DBADA??A@?DA??E?AC@D@?B?A?D?AA@E?A?A?B?D@@B@AD?ACEA@@AEA@BA@E@AAAHA?A?B@B@@C@BAD@A@B@A@BAC@@B@@C?P",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_3);






     
	  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">Uphill away from river</div><div class="infotext">1.14 miles from trailhead, head uphill on dry open trail</div>')
      map.addOverlay(marker);
      
      
      var point = new GLatLng(33.40557635190211, -117.22474604845047);
      var marker = createMarker(point,'To 500 ft. Trail loop','<div class="infotitle">To 500 ft. Trail loop</div><div class="infotext">1.78 miles from trailhead</div>')
      map.addOverlay(marker);


      
      var point = new GLatLng(33.403647874556235, -117.22478091716766);
      var marker = createMarker(point,'FPUD DG pit','<div class="infotitle">FPUD Gravel pit</div><div class="infotext">Cross FPUD gravel pit to get to the 500 ft. trail<br><img src="images/trail/h1/thumbs/DSC03589_small.JPG" width=124 height=93 class="sideborders" alt="FPUD"><br><a class="info" href="images/trail/h1/slides/DSC03589.JPG">View</a></div>')
      map.addOverlay(marker);
      
      var point = new GLatLng(33.40861862859914, -117.21636414527893);
      var marker = createMarker(point,'Shortcut back to SM trail','<div class="infotitle">Shortcut from 500 ft trail to SM Trail</div><div class="infotext">To make a shorter loop,<br>head down this ravine from<br>the upper trail to lower trail<br><img src="images/trail/h1/thumbs/DSC03553_small.JPG" width=124 height=93 class="sideborders" alt="shortcut"><br><a class="info" href="images/trail/h1/slides/DSC03553.JPG">View</a></div>')
      map.addOverlay(marker);

	  var point = new GLatLng(33.4060136,-117.2129953);
      var marker = createMarker(point,'Shade on 500 ft trail','<div class="infotitle">One shady area on 500 ft trail</div><div class="infotext">The only shade<br>on the 500 ft trail<br><img src="images/trail/h1/thumbs/DSC03687_small.JPG" width=124 height=93 class="sideborders" alt="shade"><br><a class="info" href="images/trail/h1/slides/DSC03687.JPG">View</a></div>')
      map.addOverlay(marker);

      var point = new GLatLng(33.4100931,-117.2108817);
      var marker = createMarker(point,'SM / Rainbow Junction','<div class="infotitle">SM / Rainbow Junction</div><div class="infotext">SM trail continues down to the left<br>GPS 33.24.608, 117.12.655<br><img src="images/trail/h1/thumbs/PB091659_small.JPG" width=124 height=93 class="sideborders" alt="intersection"><br><a class="info" href="images/trail/h1/slides/PG091659.JPG">View</a></div>')
      map.addOverlay(marker);

      var point = new GLatLng(33.4100662,-117.2140467);
      var marker = createMarker(point,'Sycamores','<div class="infotitle">Sycamores</div><div class="infotext">Trees scorched in Oct 2007 wildfire<br><img src="images/trail/h1/thumbs/PB091661_small.JPG" width=124 height=93 class="sideborders" alt="sycamores"><br><a class="info" href="images/trail/h1/slides/PB091661.JPG">View</a></div>')
      map.addOverlay(marker);

	  var point = new GLatLng(33.4085034,-117.2203285);
      var marker = createMarker(point,'Woodland Oaks','<div class="infotitle">Woodland Oaks</div><div class="infotext">Trail through woodland<br><img src="images/trail/h1/thumbs/DSC03527_small.JPG" width=124 height=93 class="sideborders" alt="river"><br><a class="info" href="images/trail/h1/slides/DSC03527.JPG">View</a></div>')
      map.addOverlay(marker);

      var point = new GLatLng(33.4073257,-117.2222221);
      var marker = createMarker(point,'River','<div class="infotitle">SM River</div><div class="infotext">Trail by the river<br><img src="images/trail/h1/thumbs/DSC03528_small.JPG" width=124 height=93 class="sideborders" alt="river"><br><a class="info" href="images/trail/h1/slides/DSC03528.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");
    }
 
 }



// -->