//<![CDATA[

    if (GBrowserIsCompatible()) {
      
      // this variable will collect the html which will eventualkly be placed in the side_bar
      var side_bar_html = "";
    
      // arrays to hold copies of the markers and html used by the side_bar
      // because the function closure trick doesnt work there
      var gmarkers = [];
      var htmls = [];
      var i = 0;


      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the side_bar
        gmarkers[i] = marker;
        htmls[i] = html;
        // add a line to the side_bar html
        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
        i++;
        return marker;
      }


      // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }


      // create the map
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(59.644846,-151.54541),9);

		// add the points    
		var point = new GLatLng(59.605786,-151.431084);
		var marker = createMarker(point,"<strong>Homer</strong> ","<table width='250px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Homer</strong></td>    <td><img src='images/thumb_Homer.jpg' alt='Homer' title='Homer' /></td>  </tr>  <tr>    <td colspan'2'></td>  </tr></table>")
		map.addOverlay(marker);
		
		var point = new GLatLng(59.602312, -151.415119);
		var marker = createMarker(point,"<strong>Homer Charter Boats</strong> ","<table width='150px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Homer Charter Boats</strong><br />The Spit<br />Kachemak Bay<br />Alaska<br />See Site for Phone No.s</td>    <td><img src='images/thumb_halibut.jpg' alt='Homer Halibut Fishing' title='Homer Charter Boats' /></td>  </tr>  <tr>    <td colspan'2'><a target='_blank' href='http://www.homersalmon.com/homer_halibut_fishing.asp'>Halibut Fishing</a></td>  </tr></table>")
		map.addOverlay(marker);
		
		var point = new GLatLng(50.4582, -3.5249  );
		var marker = createMarker(point,"<strong>Homer Airport</strong> ","<table width='150px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Homer Airport</strong><br />Homer<br />Kachemak Bay<br />Alaska<br />(907) 235-8872</td>    <td><img src='images/thumb_airport.jpg' alt='Homer Airport' title='Homer Airport' /></td>  </tr>  <tr>    <td colspan'2'><a target='_blank' href='http://www.airnav.com/airport/PAHO'>http://www.airnav.com/airport/PAHO</a></td>  </tr></table>")
		map.addOverlay(marker);

		var point = new GLatLng(61.217379, -149.857635  );
		var marker = createMarker(point,"<strong>Anchorage</strong> ","<table width='150px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Anchorage</strong><br />City<br />Alaska<br />USA<br /></td>    <td><img src='images/thumb_anchorage.jpg' alt='Anchorage City' title='Anchorage City' /></td>  </tr>  <tr>    <td colspan'2'><a target='_blank' href='http://www.muni.org'>http://www.muni.org</a></td>  </tr></table>")
		map.addOverlay(marker);
		
var point = new GLatLng(59.765386, -151.852341);
var marker = createMarker(point,"<strong>Anchor Point</strong> ","<table width='150px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Anchor Point</strong><br />Near Homer<br />Alaska<br /><br /></td>    <td><img src='images/thumb_fishing.jpg' alt='Fishing Spot' title='' /></td>  </tr>  <tr>    <td colspan'2'><a target='_blank' href='http://homersalmon.com/homer_halibut_fishing.asp'>Fish Here</a></td>  </tr></table>")
map.addOverlay(marker);

var point = new GLatLng(59.849337, -151.790161);
var marker = createMarker(point,"<strong>Happy Valley</strong> ","<table width='150px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Happy Valley</strong><br />Near Homer<br />Alaska<br /><br /></td>    <td><img src='images/thumb_fishing.jpg' alt='Fishing Spot' title='' /></td>  </tr>  <tr>    <td colspan'2'><a target='_blank' href='http://homersalmon.com/homer_halibut_fishing.asp'>Fish Here</a></td>  </tr></table>")
map.addOverlay(marker);

var point = new GLatLng(60.053874, -151.657333);
var marker = createMarker(point,"<strong>Ninilchik</strong> ","<table width='150px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Ninilchik</strong><br />Near Homer<br />Alaska<br /><br /></td>    <td><img src='images/thumb_fishing.jpg' alt='Fishing Spot' title='' /></td>  </tr>  <tr>    <td colspan'2'><a target='_blank' href='http://homersalmon.com/homer_halibut_fishing.asp'>Fish Here</a></td>  </tr></table>")
map.addOverlay(marker);

var point = new GLatLng(60.225152, -151.398468);
var marker = createMarker(point,"<strong>Clam Gulch</strong> ","<table width='150px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Clam Gulch</strong><br />NW of Homer<br />Alaska<br /><br /></td>    <td><img src='images/thumb_fishing.jpg' alt='Fishing Spot' title='' /></td>  </tr>  <tr>    <td colspan'2'><a target='_blank' href='http://homersalmon.com/homer_halibut_fishing.asp'>Fish Here</a></td>  </tr></table>")
map.addOverlay(marker);


var point = new GLatLng(60.541074, -151.263885);
var marker = createMarker(point,"<strong>Kenai</strong> ","<table width='150px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Kenai</strong><br />NW of Homer<br />Alaska<br /><br /></td>    <td><img src='images/thumb_fishing.jpg' alt='Fishing Spot' title='' /></td>  </tr>  <tr>    <td colspan'2'><a target='_blank' href='http://homersalmon.com/homer_halibut_fishing.asp'>Fish Here</a></td>  </tr></table>")
map.addOverlay(marker);



var point = new GLatLng(54.175297, -132.835693);
var marker = createMarker(point,"<strong>Or fish further south</strong> ","<table width='150px' border='0' cellspacing='0' cellpadding='2'>  <tr>    <td><strong>Westwind Tugboats</strong><br />City<br />1160 Holdom Ave<br />Burnaby, BC, Canada<br /></td>    <td><img src='images/thumb_Tugboats.jpg' alt='Westwind Tugboats' title='' /></td>  </tr>  <tr>    <td colspan'2'><a target='_blank' href='http://tugboatcruise.com'>http://tugboatcruise.com</a></td>  </tr></table>")
map.addOverlay(marker);


		
                       
      // put the assembled side_bar_html contents into the side_bar div
      document.getElementById("side_bar").innerHTML = side_bar_html;
      
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }

    //]]>