var map = null;
var geocoder = null;
var centerLat = "28.680386", centerLong = "-81.390059";


var markerArray = new Array(); // 
    
$(document).ready(function(){

      if (GBrowserIsCompatible()) {
      
        map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());        
        geocoder = new GClientGeocoder();
        
        buildPoints();
      }
      
});    

function buildPoints() {

    for (var i = 0; i <= (totalPoints - 1); i++) {
    
        map.addControl(new GMapTypeControl());
        var latlng = new GLatLng(arPoints[i][0], arPoints[i][1]);
        map.setCenter(latlng, 6);        
        var point = latlng;

		map.addOverlay(createMarker(point, arPoints[i][2], i));
        
    }
    
    var centerLatLang = new GLatLng(centerLat, centerLong);    
    map.setCenter(centerLatLang, 7);        

    
}


function createMarker(point, contentDiv, pos) {

	// Create a base icon for all of our markers that specifies the shadow, icon dimensions, etc.
	var baseIcon = new GIcon();
	baseIcon.iconSize = new GSize(37, 30);
	baseIcon.iconAnchor = new GPoint(2, 15);
	baseIcon.infoWindowAnchor = new GPoint(9, 2);
	baseIcon.infoShadowAnchor = new GPoint(18, 25);

	var icon = new GIcon(baseIcon);  
	icon.image = "/App_Themes/Default/Images/GMaps_Marker.png";

	var marker = new GMarker(point, icon);
	
	GEvent.addListener(marker, "click", function() {

		marker.openInfoWindowHtml($("#" + contentDiv).html());
		
	});
	
	markerArray[pos] = marker;
	
	return marker;
}

function panTo(point, contentDiv) {
	
	markerArray[point].openInfoWindow($("#" + contentDiv).html());


}