var gmarkers = [];
              var htmls = [];
              var i = 0;

               function myclick(i) {
                                gmarkers[i].openInfoWindowHtml(htmls[i]);
                }


    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(38.9776 , -76.2635), 15);

                map.addControl(new GLargeMapControl());
                map.addControl(new GScaleControl());
                map.addControl(new GMapTypeControl());
                map.enableDoubleClickZoom();
		map.setMapType( G_HYBRID_MAP );
// get string of glatlng
        GEvent.addListener(map, "moveend", function() {
          var center = map.getCenter();
        var reg = /\((.*\.\d\d\d\d).*,(.*\.\d\d\d\d).*/g;
        var centeradj = center.toString();
        var centeradja = centeradj.replace(reg,"$1 , $2");

          document.getElementById("message").innerHTML = centeradja;
                // document.getElementById("message").innerHTML = center.toString();
        //centermark.setPoint(map.getCenter());
          });
                       //* Create our "tiny" marker icon

                        var icon = new GIcon();
                        icon.image = "http://www.run4shelter.net/mapimages/mm_20_red.png";
                        icon.shadow = "http://www.run4shelter.net/mapimages/mm_20_shadow.png";
                        icon.iconSize = new GSize(12, 20);
                        icon.shadowSize = new GSize(22, 20);
                        icon.iconAnchor = new GPoint(6, 20);
                        icon.infoWindowAnchor = new GPoint(5, 1);

// load crossisland polyline
//
         crossisland(map);
//

//  points
        wayp = new Array(
                   Array(38.9730 , -76.2547,'Start/Finish','')
         );

              var html;
              var side_bar_html = '';

              function createMarker(x,y,name,desc) {
                                var point = new GLatLng(x,y);
                                var marker = new GMarker(point,icon);
                                gmarkers[i] = marker;
                                html = '<B>' + name + '</B>' + "<br>" + desc;
                                htmls[i] = html;
                                // add a line to the side_bar html
                                side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
                                i++;
                                GEvent.addListener(marker, "click", function() {
                                marker.openInfoWindowHtml('<B>' + name + '</B>' + "<br>" + desc);
                                });
                                map.addOverlay(marker);

                        }
                        var Ericway;
                        for (Ericway in wayp) {
                                createMarker(wayp[Ericway][0],wayp[Ericway][1],wayp[Ericway][2],wayp[Ericway][3]);
                        }
        document.getElementById("side_bar").innerHTML = side_bar_html;
        // center marker
        //
        var mcenter = map.getCenter();
        var centermark = new GMarker(mcenter,icon);

        //map.addOverlay(centermark);
        }
   }