
var map = null;
var pics = null;
var markerClusterer = null;
var mapzoom = 9;
var maxZoom = 13;

function init_map() {

    //alert("Got to Init");
  
		if(GBrowserIsCompatible()) {
		    map = new GMap2(document.getElementById('map_canvas'));
		    
		        map.setMapType(G_PHYSICAL_MAP);
		        map.setCenter(new GLatLng(maplat, maplng), mapzoom);
		        map.addControl(new customControls());
		        mgr = new MarkerManager(map, { trackMarkers: true });
		        pics = data.properties;
		        window.setTimeout(setupCountyMarkers, 0);
		        showMarkers();
	}
}
function timing() {
    //alert('timing');
    var mcOptions = { gridSize: 50, maxZoom: maxZoom };
	markerClusterer = new MarkerClusterer(map, markers, mcOptions);
}


function showMarkers() {
    //alert('show markers begin');
	map.clearOverlays();
	var icon = new GIcon(G_DEFAULT_ICON);
	icon.iconSize = new GSize(23, 31);
	icon.iconAnchor = new GPoint(12,32);
	icon.infoWindowAnchor = new GPoint(7,34);     
	icon.image = "/img/buttons/map-arrow.png";
	icon.shadow = null;
	var type = 1;
	if (markerClusterer != null) {
	    //alert('show markers about to clear markers');
		markerClusterer.clearMarkers();
	}

	var lg = data.properties.length;
	//alert('lg=' + lg);
	for (var i = 0; i < lg; i++) {
		var latlng = new GLatLng(pics[i].latitude, pics[i].longitude);
		var marker = new GMarker(latlng, {icon: icon});
		var fn = markerClickFn(pics[i], latlng, marker);
		GEvent.addListener(marker, "click", fn);
		markers.push(marker);
	}
	setTimeout("timing()", 0);
}


function markerClickFn(pic, latlng, marker) {
	return function() {
		var title = pic.servicecode;
		var nights = pic.nights;

		marker.openExtInfoWindow(
			map,
			"mapInfo",
			/*infoHtml,*/
			"<div>Loading...</div>",
			{ ajaxUrl: "/propinfocontent.aspx?duration=" + nights + "&prop=" + title,
			beakOffset: 5}			
		); 
	};
}


function viewProperties(i) 
{
    if (markers[i] != null) 
    {
    if(!$open){
    	$("div.showMap a").click();
    }
	map.setCenter(markers[i].getLatLng());
	GEvent.trigger(markers[i], "click");
	map.setZoom(maxZoom);
       
    }
    
}
