<!-- 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_SATELLITE_MAP);
        map.addControl(new GMapTypeControl());

 
var sw = new GLatLng(32.641109, -118.495789);
var ne = new GLatLng(33.461306, -117.186956);
var bounds = new GLatLngBounds(sw, ne);
var mapZoomLevel = map.getBoundsZoomLevel(bounds);
var mapCenter = new GLatLng(33.051207500000004, -117.8413725)
map.setCenter(mapCenter, mapZoomLevel);

var polyline1_1 = new GPolyline.fromEncoded({
  color: "#0000ff",
  weight: 4,
  opacity: 0.8,
  points: "ckvfEnagjUlp@xbErlAxtAjeHaOrmAdxBmi@pwAkxkBv_ZvTjSw}o@puv@kHx\\uM~{@sNtCQmJ|v@seA|sSdbzBe`KdlGefGnzTle@zrBw`@mpBpiG_mUrtJw|FdFjL|pZeisD_SeAc@k`@iHsAYr@wFdAxG{B`G`CvGle@bpmBahZyo@}}D}jFwIqkAjDysAieAq_Ao~D",
  levels: "PHJIHLLGNCFHEILJIPHJFKHGFDCMDFHLIEJHP",
  zoomFactor: 2, 
  numLevels: 18
});
map.addOverlay(polyline1_1);


// Harbor island


    
	  var point = new GLatLng(32.7238626, -117.186956);
      var marker = createMarker(point,'Harbor Island','<div class="infotitle">Harbor Island</div><div class="infotext">32.7238626, -117.186956</div>')
      map.addOverlay(marker);
      
      var point = new GLatLng(33.207669, -117.401361);
      var marker = createMarker(point,'Oceanside','<div class="infotitle">Oceanside Harbor Entrance<br></div><div class="infotext">33.207669, -117.401361</div>')
      map.addOverlay(marker);

     var point = new GLatLng(33.452355, -117.691984);
      var marker = createMarker(point,'Dana Point','<div class="infotitle">Dana Point Harbor entrance</div><div class="infotext">33.452355, -117.691984<br></div>')
      map.addOverlay(marker);


      
      var point = new GLatLng(33.346573, -118.322196);
      var marker = createMarker(point,'Avalon','<div class="infotitle">Avalon Harbor entrance</div><div class="infotext">33.347167, -118.323667<br></div>')
      map.addOverlay(marker);
      
      var point = new GLatLng(33.444226, -118.495102);
      var marker = createMarker(point,'Two Harbors','<div class="infotitle">Two Harbors</div><div class="infotext">33.444226, -118.495102<br></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");
    }
 
 }



// -->
