var pt = new Array();
  var mkr = new Array();
  var html = new Array();

    //<![CDATA[
	function AddGPSFinder(map)
	{
		var center = map.getCenter();
		var topright = map.getBounds().getNorthEast();
		var bottomleft = map.getBounds().getSouthWest();

		var polyline1 = new GPolyline([
		  new GLatLng(center.lat(), topright.lng()),
		  new GLatLng(center.lat(), bottomleft.lng())
			], "#ff0000", 5);
		map.addOverlay(polyline1);

		var polyline2 = new GPolyline([
		  new GLatLng(topright.lat(), center.lng()),
		  new GLatLng(bottomleft.lat(), center.lng())
			], "#ff0000", 5);
		map.addOverlay(polyline2);

		GEvent.addListener(map, "singlerightclick", function() {
			var newcenter = map.getCenter();
			var reply = prompt("Enter dive site name\n\tLat: "+newcenter.lat()+"\n\tLng: "+newcenter.lng()+"\n\tZoom: "+map.getZoom(), "");
			document.form.gpslist.value += reply + ", " + newcenter.lat() + ", " + newcenter.lng() + "\n";
		});

		GEvent.addListener(map, "drag", function() {
			var newcenter = map.getCenter();
			var newtopright = map.getBounds().getNorthEast();
			var newbottomleft = map.getBounds().getSouthWest();

			map.removeOverlay(polyline1);
			polyline1 = new GPolyline([
			  new GLatLng(newcenter.lat(), newtopright.lng()),
			  new GLatLng(newcenter.lat(), newbottomleft.lng())
				], "#ff0000", 5);
			map.addOverlay(polyline1);

			map.removeOverlay(polyline2);
			polyline2 = new GPolyline([
			  new GLatLng(newtopright.lat(), newcenter.lng()),
			  new GLatLng(newbottomleft.lat(), newcenter.lng())
				], "#ff0000", 5);
			map.addOverlay(polyline2);
		});
	}

    function load(mapcenter_lat, mapcenter_lng, zoomlevel, id, usegps, showsites)
	{
     if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));

        map.setCenter(new GLatLng(mapcenter_lat, mapcenter_lng), zoomlevel);
		map.setMapType(G_SATELLITE_MAP);

		map.addControl(new GSmallMapControl());

		if (usegps)
			AddGPSFinder(map);

		// black icon
		var blackIcon = new GIcon();
		blackIcon.image = "../images/icons/black_icon.png";
		blackIcon.shadow = "../images/icons/black_shadow.png";
		blackIcon.iconSize = new GSize(16, 16);
		blackIcon.shadowSize = new GSize(25, 16);
		blackIcon.iconAnchor = new GPoint(8, 8);
		blackIcon.infoWindowAnchor = new GPoint(8, 8);

		// blue icon
		var blueIcon = new GIcon();
		blueIcon.image = "../images/icons/blue_icon.png";
		blueIcon.shadow = "../images/icons/blue_shadow.png";
		blueIcon.iconSize = new GSize(16, 16);
		blueIcon.shadowSize = new GSize(32, 16);
		blueIcon.iconAnchor = new GPoint(8, 8);
		blueIcon.infoWindowAnchor = new GPoint(8, 8);

		// green icon
		var greenIcon = new GIcon();
		greenIcon.image = "../images/icons/green_icon.png";
		greenIcon.shadow = "../images/icons/green_shadow.png";
		greenIcon.iconSize = new GSize(16, 16);
		greenIcon.shadowSize = new GSize(22, 20);
		greenIcon.iconAnchor = new GPoint(8, 8);
		greenIcon.infoWindowAnchor = new GPoint(8, 8);

		// green icon
		var cocoIcon = new GIcon();
		cocoIcon.image = "../images/icons/coconut_tree_divers.png";
		cocoIcon.shadow = "../images/icons/coconut_tree_divers-shadow.png";
		cocoIcon.iconSize = new GSize(38, 32);
		cocoIcon.shadowSize = new GSize(47, 32);
		cocoIcon.iconAnchor = new GPoint(19, 16);
		cocoIcon.infoWindowAnchor = new GPoint(19, 16);

		var coco_pt = new GLatLng( 16.305816449549102, -86.59295082092285);
var coco_mkr = new GMarker(coco_pt, {icon:cocoIcon});
map.addOverlay(coco_mkr);
var coco_html = "<b>Coconut Tree Divers</b>";
GEvent.addListener(coco_mkr, "click", function() {
	map.openInfoWindowHtml(coco_pt, coco_html);
});

		if (showsites){
		pt[21] = new GLatLng(16.2913070336743, -86.5199089050293);
mkr[21] = new GMarker(pt[21], {icon:greenIcon});
map.addOverlay(mkr[21]);
html[21] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/shark.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Shark Dive</b><br /><br />Min. Depth: 15m/50ft<br />Max. Depth: 21m/70ft<br />Avg. Depth: 21m/70ft<br /><a href=\"/sites/21\"><b>More info</b></a></div>";
GEvent.addListener(mkr[21], "click", function() {
	map.openInfoWindowHtml(pt[21], html[21]);
});
pt[6] = new GLatLng(16.2886295222941, -86.5724158287048);
mkr[6] = new GMarker(pt[6], {icon:greenIcon});
map.addOverlay(mkr[6]);
html[6] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/flowers_bay_wall.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Flower's Bay Wall</b><br /><br />Min. Depth: 5m/15ft<br />Max. Depth: 24m/80ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/6\"><b>More info</b></a></div>";
GEvent.addListener(mkr[6], "click", function() {
	map.openInfoWindowHtml(pt[6], html[6]);
});
pt[47] = new GLatLng(16.2794433207778, -86.5822005271912);
mkr[47] = new GMarker(pt[47], {icon:blueIcon});
map.addOverlay(mkr[47]);
html[47] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/wet_pit.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Wet Pit</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/110ft<br /><a href=\"/sites/47\"><b>More info</b></a></div>";
GEvent.addListener(mkr[47], "click", function() {
	map.openInfoWindowHtml(pt[47], html[47]);
});
pt[46] = new GLatLng(16.282100360506, -86.5780591964722);
mkr[46] = new GMarker(pt[46], {icon:blueIcon});
map.addOverlay(mkr[46]);
html[46] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/georges_gulley.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>George's Gulley</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/46\"><b>More info</b></a></div>";
GEvent.addListener(mkr[46], "click", function() {
	map.openInfoWindowHtml(pt[46], html[46]);
});
pt[7] = new GLatLng(16.2694533533659, -86.5947103500366);
mkr[7] = new GMarker(pt[7], {icon:blueIcon});
map.addOverlay(mkr[7]);
html[7] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/key_hole.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Key Hole</b><br /><br />Min. Depth: 12m/40ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/7\"><b>More info</b></a></div>";
GEvent.addListener(mkr[7], "click", function() {
	map.openInfoWindowHtml(pt[7], html[7]);
});
pt[8] = new GLatLng(16.2667137476993, -86.5985941886902);
mkr[8] = new GMarker(pt[8], {icon:blackIcon});
map.addOverlay(mkr[8]);
html[8] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/pablos_place.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Pablo's Place</b><br /><br />Min. Depth: 12m/40ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/8\"><b>More info</b></a></div>";
GEvent.addListener(mkr[8], "click", function() {
	map.openInfoWindowHtml(pt[8], html[8]);
});
pt[9] = new GLatLng(16.2658177029639, -86.6036474704742);
mkr[9] = new GMarker(pt[9], {icon:blackIcon});
map.addOverlay(mkr[9]);
html[9] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/texas.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Texas</b><br /><br />Min. Depth: 12m/40ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 24m/80ft<br /><a href=\"/sites/9\"><b>More info</b></a></div>";
GEvent.addListener(mkr[9], "click", function() {
	map.openInfoWindowHtml(pt[9], html[9]);
});
pt[10] = new GLatLng(16.2692782669292, -86.6034007072449);
mkr[10] = new GMarker(pt[10], {icon:blackIcon});
map.addOverlay(mkr[10]);
html[10] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/west_end_wall.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>West End Wall</b><br /><br />Min. Depth: 5m/15ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/10\"><b>More info</b></a></div>";
GEvent.addListener(mkr[10], "click", function() {
	map.openInfoWindowHtml(pt[10], html[10]);
});
pt[11] = new GLatLng(16.270452372988, -86.6019952297211);
mkr[11] = new GMarker(pt[11], {icon:blueIcon});
map.addOverlay(mkr[11]);
html[11] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/black_rock.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Black Rock</b><br /><br />Min. Depth: 8m/25ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/11\"><b>More info</b></a></div>";
GEvent.addListener(mkr[11], "click", function() {
	map.openInfoWindowHtml(pt[11], html[11]);
});
pt[12] = new GLatLng(16.2727181718463, -86.6020381450653);
mkr[12] = new GMarker(pt[12], {icon:greenIcon});
map.addOverlay(mkr[12]);
html[12] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/mandys_eel_garden.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Mandy's Eel Garden</b><br /><br />Min. Depth: 5m/15ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 24m/80ft<br /><a href=\"/sites/12\"><b>More info</b></a></div>";
GEvent.addListener(mkr[12], "click", function() {
	map.openInfoWindowHtml(pt[12], html[12]);
});
pt[45] = new GLatLng(16.2752620148518, -86.6027998924255);
mkr[45] = new GMarker(pt[45], {icon:greenIcon});
map.addOverlay(mkr[45]);
html[45] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/temptation_reef.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Temptation Reef</b><br /><br />Min. Depth: 8m/25ft<br />Max. Depth: 24m/80ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/45\"><b>More info</b></a></div>";
GEvent.addListener(mkr[45], "click", function() {
	map.openInfoWindowHtml(pt[45], html[45]);
});
pt[42] = new GLatLng(16.2841600564631, -86.6037011146545);
mkr[42] = new GMarker(pt[42], {icon:blueIcon});
map.addOverlay(mkr[42]);
html[42] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/tabyanas.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Tabyana's</b><br /><br />Min. Depth: 12m/40ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/42\"><b>More info</b></a></div>";
GEvent.addListener(mkr[42], "click", function() {
	map.openInfoWindowHtml(pt[42], html[42]);
});
pt[43] = new GLatLng(16.2860549576407, -86.6034436225891);
mkr[43] = new GMarker(pt[43], {icon:greenIcon});
map.addOverlay(mkr[43]);
html[43] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/punchers_paradise.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Puncher's Paradise</b><br /><br />Min. Depth: 12m/40ft<br />Max. Depth: 100m/30ft<br />Avg. Depth: 100m/30ft<br /><a href=\"/sites/43\"><b>More info</b></a></div>";
GEvent.addListener(mkr[43], "click", function() {
	map.openInfoWindowHtml(pt[43], html[43]);
});
pt[44] = new GLatLng(16.2781250861622, -86.6038942337036);
mkr[44] = new GMarker(pt[44], {icon:blueIcon});
map.addOverlay(mkr[44]);
html[44] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/buchos_bank.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Bucho's Bank</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 24m/80ft<br />Avg. Depth: 24m/80ft<br /><a href=\"/sites/44\"><b>More info</b></a></div>";
GEvent.addListener(mkr[44], "click", function() {
	map.openInfoWindowHtml(pt[44], html[44]);
});
pt[35] = new GLatLng(16.2972386209444, -86.5991735458374);
mkr[35] = new GMarker(pt[35], {icon:greenIcon});
map.addOverlay(mkr[35]);
html[35] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/the_bight.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>The Bight</b><br /><br />Min. Depth: 5m/15ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/35\"><b>More info</b></a></div>";
GEvent.addListener(mkr[35], "click", function() {
	map.openInfoWindowHtml(pt[35], html[35]);
});
pt[40] = new GLatLng(16.2890620458394, -86.602520942688);
mkr[40] = new GMarker(pt[40], {icon:greenIcon});
map.addOverlay(mkr[40]);
html[40] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/seaquest.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Seaquest Shallow</b><br /><br />Min. Depth: 5m/15ft<br />Max. Depth: 12m/40ft<br />Avg. Depth: 12m/40ft<br /><a href=\"/sites/40\"><b>More info</b></a></div>";
GEvent.addListener(mkr[40], "click", function() {
	map.openInfoWindowHtml(pt[40], html[40]);
});
pt[36] = new GLatLng(16.2960852708116, -86.5998816490173);
mkr[36] = new GMarker(pt[36], {icon:greenIcon});
map.addOverlay(mkr[36]);
html[36] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/bikini_bottom.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Bikini Bottom</b><br /><br />Min. Depth: 5m/15ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/36\"><b>More info</b></a></div>";
GEvent.addListener(mkr[36], "click", function() {
	map.openInfoWindowHtml(pt[36], html[36]);
});
pt[37] = new GLatLng(16.2951172752828, -86.6015553474426);
mkr[37] = new GMarker(pt[37], {icon:greenIcon});
map.addOverlay(mkr[37]);
html[37] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/octopus_acre.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Octopus Acre</b><br /><br />Min. Depth: 12m/40ft<br />Max. Depth: 24m/80ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/37\"><b>More info</b></a></div>";
GEvent.addListener(mkr[37], "click", function() {
	map.openInfoWindowHtml(pt[37], html[37]);
});
pt[38] = new GLatLng(16.29295471481, -86.602520942688);
mkr[38] = new GMarker(pt[38], {icon:greenIcon});
map.addOverlay(mkr[38]);
html[38] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/barmans_choice.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Barman's Choice</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 18m/60ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/38\"><b>More info</b></a></div>";
GEvent.addListener(mkr[38], "click", function() {
	map.openInfoWindowHtml(pt[38], html[38]);
});
pt[39] = new GLatLng(16.2908539189342, -86.6025424003601);
mkr[39] = new GMarker(pt[39], {icon:greenIcon});
map.addOverlay(mkr[39]);
html[39] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/turtle_crossing.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Turtle Crossing</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 18m/60ft<br />Avg. Depth: 12m/40ft<br /><a href=\"/sites/39\"><b>More info</b></a></div>";
GEvent.addListener(mkr[39], "click", function() {
	map.openInfoWindowHtml(pt[39], html[39]);
});
pt[41] = new GLatLng(16.2883823655541, -86.6038942337036);
mkr[41] = new GMarker(pt[41], {icon:blueIcon});
map.addOverlay(mkr[41]);
html[41] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/seaquest_deep.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Seaquest Deep</b><br /><br />Min. Depth: 12m/40ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/41\"><b>More info</b></a></div>";
GEvent.addListener(mkr[41], "click", function() {
	map.openInfoWindowHtml(pt[41], html[41]);
});
pt[14] = new GLatLng(16.3060120979212, -86.5970063209534);
mkr[14] = new GMarker(pt[14], {icon:greenIcon});
map.addOverlay(mkr[14]);
html[14] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/dixies_place.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Dixie's Place</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 21m/70ft<br /><a href=\"/sites/14\"><b>More info</b></a></div>";
GEvent.addListener(mkr[14], "click", function() {
	map.openInfoWindowHtml(pt[14], html[14]);
});
pt[15] = new GLatLng(16.307618466639, -86.5961050987244);
mkr[15] = new GMarker(pt[15], {icon:greenIcon});
map.addOverlay(mkr[15]);
html[15] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/half_moon_bay_wall.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Half Moon Bay Wall</b><br /><br />Min. Depth: 8m/25ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 21m/70ft<br /><a href=\"/sites/15\"><b>More info</b></a></div>";
GEvent.addListener(mkr[15], "click", function() {
	map.openInfoWindowHtml(pt[15], html[15]);
});
pt[33] = new GLatLng(16.3030670543878, 16.3030670543878);
mkr[33] = new GMarker(pt[33], {icon:greenIcon});
map.addOverlay(mkr[33]);
html[33] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/el_aquario.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>El Aquario</b><br /><br />Min. Depth: 25m/8ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/33\"><b>More info</b></a></div>";
GEvent.addListener(mkr[33], "click", function() {
	map.openInfoWindowHtml(pt[33], html[33]);
});
pt[34] = new GLatLng(16.3014194582722, -86.5985512733459);
mkr[34] = new GMarker(pt[34], {icon:greenIcon});
map.addOverlay(mkr[34]);
html[34] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/jolly_roger.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Jolly  Roger</b><br /><br />Min. Depth: 20m/6ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/34\"><b>More info</b></a></div>";
GEvent.addListener(mkr[34], "click", function() {
	map.openInfoWindowHtml(pt[34], html[34]);
});
pt[13] = new GLatLng(16.2991642886276, -86.5995383262634);
mkr[13] = new GMarker(pt[13], {icon:blueIcon});
map.addOverlay(mkr[13]);
html[13] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/blue_channel.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Blue Channel</b><br /><br />Min. Depth: 5m/15ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 15m/50ft<br /><a href=\"/sites/13\"><b>More info</b></a></div>";
GEvent.addListener(mkr[13], "click", function() {
	map.openInfoWindowHtml(pt[13], html[13]);
});
pt[4] = new GLatLng(16.3045189869782, -86.5975642204285);
mkr[4] = new GMarker(pt[4], {icon:greenIcon});
map.addOverlay(mkr[4]);
html[4] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/lighthouse_reef.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Lighthouse Reef</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/4\"><b>More info</b></a></div>";
GEvent.addListener(mkr[4], "click", function() {
	map.openInfoWindowHtml(pt[4], html[4]);
});
pt[48] = new GLatLng(16.305260395214, -86.5972852706909);
mkr[48] = new GMarker(pt[48], {icon:greenIcon});
map.addOverlay(mkr[48]);
html[48] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/moonlight_reef.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Moonlight Reef</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/48\"><b>More info</b></a></div>";
GEvent.addListener(mkr[48], "click", function() {
	map.openInfoWindowHtml(pt[48], html[48]);
});
pt[16] = new GLatLng(16.3118608642578, -86.5941524505615);
mkr[16] = new GMarker(pt[16], {icon:greenIcon});
map.addOverlay(mkr[16]);
html[16] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/grape_escape.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Grape Escape</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/16\"><b>More info</b></a></div>";
GEvent.addListener(mkr[16], "click", function() {
	map.openInfoWindowHtml(pt[16], html[16]);
});
pt[18] = new GLatLng(16.3130141215066, -86.5923500061035);
mkr[18] = new GMarker(pt[18], {icon:blackIcon});
map.addOverlay(mkr[18]);
html[18] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/hole_in_the_wall.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Hole in the Wall</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 40m/130ft<br /><a href=\"/sites/18\"><b>More info</b></a></div>";
GEvent.addListener(mkr[18], "click", function() {
	map.openInfoWindowHtml(pt[18], html[18]);
});
pt[19] = new GLatLng(16.314661620077, -86.5908479690552);
mkr[19] = new GMarker(pt[19], {icon:blueIcon});
map.addOverlay(mkr[19]);
html[19] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/canyon_reef.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Canyon Reef</b><br /><br />Min. Depth: 5m/15ft<br />Max. Depth: 18m/60ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/19\"><b>More info</b></a></div>";
GEvent.addListener(mkr[19], "click", function() {
	map.openInfoWindowHtml(pt[19], html[19]);
});
pt[17] = new GLatLng(16.3092660106111, -86.5958261489868);
mkr[17] = new GMarker(pt[17], {icon:greenIcon});
map.addOverlay(mkr[17]);
html[17] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/divemasters_choice.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Divemaster's Choice</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/17\"><b>More info</b></a></div>";
GEvent.addListener(mkr[17], "click", function() {
	map.openInfoWindowHtml(pt[17], html[17]);
});
pt[22] = new GLatLng(16.3174211491182, -86.5885305404663);
mkr[22] = new GMarker(pt[22], {icon:greenIcon});
map.addOverlay(mkr[22]);
html[22] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/fish_den.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Fish Den</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/22\"><b>More info</b></a></div>";
GEvent.addListener(mkr[22], "click", function() {
	map.openInfoWindowHtml(pt[22], html[22]);
});
pt[23] = new GLatLng(16.3190892037756, -86.5862345695496);
mkr[23] = new GMarker(pt[23], {icon:blueIcon});
map.addOverlay(mkr[23]);
html[23] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/gibson_bight.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Gibson Bight</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/23\"><b>More info</b></a></div>";
GEvent.addListener(mkr[23], "click", function() {
	map.openInfoWindowHtml(pt[23], html[23]);
});
pt[24] = new GLatLng(16.3207984302188, -86.5841102600098);
mkr[24] = new GMarker(pt[24], {icon:blueIcon});
map.addOverlay(mkr[24]);
html[24] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/melissas_reef.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Melissa's Reef</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 21m/70ft<br /><a href=\"/sites/24\"><b>More info</b></a></div>";
GEvent.addListener(mkr[24], "click", function() {
	map.openInfoWindowHtml(pt[24], html[24]);
});
pt[25] = new GLatLng(16.3224458632626, -86.5834021568298);
mkr[25] = new GMarker(pt[25], {icon:greenIcon});
map.addOverlay(mkr[25]);
html[25] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/overheat_reef.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Overheat Reef</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/25\"><b>More info</b></a></div>";
GEvent.addListener(mkr[25], "click", function() {
	map.openInfoWindowHtml(pt[25], html[25]);
});
pt[26] = new GLatLng(16.3257612802122, -86.5808701515198);
mkr[26] = new GMarker(pt[26], {icon:greenIcon});
map.addOverlay(mkr[26]);
html[26] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/green_outhouse.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Green Outhouse</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/26\"><b>More info</b></a></div>";
GEvent.addListener(mkr[26], "click", function() {
	map.openInfoWindowHtml(pt[26], html[26]);
});
pt[27] = new GLatLng(16.3271821559895, -86.5790247917175);
mkr[27] = new GMarker(pt[27], {icon:blueIcon});
map.addOverlay(mkr[27]);
html[27] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/pillar_coral.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Pillar Coral</b><br /><br />Min. Depth: 8m/25ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 33m/110ft<br /><a href=\"/sites/27\"><b>More info</b></a></div>";
GEvent.addListener(mkr[27], "click", function() {
	map.openInfoWindowHtml(pt[27], html[27]);
});
pt[29] = new GLatLng(16.3312799862858, -86.5739285945892);
mkr[29] = new GMarker(pt[29], {icon:greenIcon});
map.addOverlay(mkr[29]);
html[29] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/front_porch.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Front Porch</b><br /><br />Min. Depth: 8m/25ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/29\"><b>More info</b></a></div>";
GEvent.addListener(mkr[29], "click", function() {
	map.openInfoWindowHtml(pt[29], html[29]);
});
pt[20] = new GLatLng(16.3278822938807, -86.5780591964722);
mkr[20] = new GMarker(pt[20], {icon:blackIcon});
map.addOverlay(mkr[20]);
html[20] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/el_aguila.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>El Aguila Wreck</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 33m/110ft<br />Avg. Depth: 33m/110ft<br /><a href=\"/sites/20\"><b>More info</b></a></div>";
GEvent.addListener(mkr[20], "click", function() {
	map.openInfoWindowHtml(pt[20], html[20]);
});
pt[5] = new GLatLng(16.3385899728099, -86.5643048286438);
mkr[5] = new GMarker(pt[5], {icon:blueIcon});
map.addOverlay(mkr[5]);
html[5] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/spooky_channel.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Spooky Channel</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 29m/95ft<br />Avg. Depth: 29m/95ft<br /><a href=\"/sites/5\"><b>More info</b></a></div>";
GEvent.addListener(mkr[5], "click", function() {
	map.openInfoWindowHtml(pt[5], html[5]);
});
pt[2] = new GLatLng(16.3474439565415, -86.5543270111084);
mkr[2] = new GMarker(pt[2], {icon:greenIcon});
map.addOverlay(mkr[2]);
html[2] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/four_sponges.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Four Sponges</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/2\"><b>More info</b></a></div>";
GEvent.addListener(mkr[2], "click", function() {
	map.openInfoWindowHtml(pt[2], html[2]);
});
pt[30] = new GLatLng(16.3378280996509, -86.5659356117249);
mkr[30] = new GMarker(pt[30], {icon:blueIcon});
map.addOverlay(mkr[30]);
html[30] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/white_hole.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>White Hole</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 40m/130ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/30\"><b>More info</b></a></div>";
GEvent.addListener(mkr[30], "click", function() {
	map.openInfoWindowHtml(pt[30], html[30]);
});
pt[31] = new GLatLng(16.3368191279238, -86.5682744979858);
mkr[31] = new GMarker(pt[31], {icon:blackIcon});
map.addOverlay(mkr[31]);
html[31] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/bears_den.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Bear's Den</b><br /><br />Min. Depth: 6m/20ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 18m/60ft<br /><a href=\"/sites/31\"><b>More info</b></a></div>";
GEvent.addListener(mkr[31], "click", function() {
	map.openInfoWindowHtml(pt[31], html[31]);
});
pt[32] = new GLatLng(16.3336892233092, -86.5716218948364);
mkr[32] = new GMarker(pt[32], {icon:blueIcon});
map.addOverlay(mkr[32]);
html[32] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/peters_place.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Peter's Place</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/32\"><b>More info</b></a></div>";
GEvent.addListener(mkr[32], "click", function() {
	map.openInfoWindowHtml(pt[32], html[32]);
});
pt[3] = new GLatLng(16.3424610662198, -86.5596699714661);
mkr[3] = new GMarker(pt[3], {icon:blueIcon});
map.addOverlay(mkr[3]);
html[3] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/wrasse_hole.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Wrasse Hole</b><br /><br />Min. Depth: 10m/30ft<br />Max. Depth: 30m/100ft<br />Avg. Depth: 30m/100ft<br /><a href=\"/sites/3\"><b>More info</b></a></div>";
GEvent.addListener(mkr[3], "click", function() {
	map.openInfoWindowHtml(pt[3], html[3]);
});
pt[1] = new GLatLng(16.3519325670994, -86.5441131591797);
mkr[1] = new GMarker(pt[1], {icon:blackIcon});
map.addOverlay(mkr[1]);
html[1] = "<div style=\"font-family: Arial, Helvetica, sans-serif; font-size: 12px;\"><img src=\"http://s3.amazonaws.com/coconuttreedivers/sites/thumb/odyssey.jpg\" width=\"100\" height=\"100\" align=\"left\" hspace=\"3\" class=\"drawpictures\" /><b>Odyssey Wreck</b><br /><br />Min. Depth: 15m/50ft<br />Max. Depth: 34m/115ft<br />Avg. Depth: 33m/110ft<br /><a href=\"/sites/1\"><b>More info</b></a></div>";
GEvent.addListener(mkr[1], "click", function() {
	map.openInfoWindowHtml(pt[1], html[1]);
});
		}

		if (id >= 0){
			map.panTo(pt[id]);
		}
      }
    }

//]]>