var map;
var gmarkers = new Array();
var htmlArr = new Array();
var mapAreaObj;
var num = 0;
var geocoder = null;

function initialize() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map_canvas"));
		//map.setCenter(new GLatLng(37.4419, -122.1419), 13);
		map.setCenter(new GLatLng(57.8924, -92.1404), 3);
		//map.setCenter(new GLatLng(48.4527, -89.2097), 3);
		
		map.setUIToDefault();
		geocoder = new GClientGeocoder();
		
		$.post(
			"http://www.accurassay.com/admin2/index.php/none", 
			{ "func": "getNameAndTime" },
   			function(data){
   				loadtanan(data);
   				
	     		
	   		}, 
	   		"json"
	   	);
		
		
	}
}

function loadtanan(data){
	//alert(data.length);
	var d = null;
	var len = data.length;
	var latitude = 0;
	var longitude = 0;
	for(var i = 0; i < len; i++){
		d = data[i];
		//alert(d.id);
		var icon = new GIcon();
		icon.image = 'http://www.accurassay.com/admin2/uploads/'+d.image;
		//icon.iconSize = new GSize(25, 30);
		icon.iconSize = new GSize(20, 35);
		icon.iconAnchor = new GPoint(10, 30);
		icon.infoWindowAnchor = new GPoint(3, 1);

		latitude = parseFloat(d.latitude);
		longitude = parseFloat(d.longitude);
		
		var point = new GLatLng(latitude, longitude);
		
		var marker =  createMarker(point,icon,d.content,d.title);//new GMarker(point,{icon:icon, title:d.title});
		map.addOverlay(marker);
	}
}

function createMarker(point,icon,html,desc) {
	var marker = new GMarker(point,{icon:icon, title:desc});
	GEvent.addListener(marker, "click", function() {
		map.savePosition();
		marker.openInfoWindowHtml(html);
	});
	GEvent.addListener(marker, "infowindowclose", function() {

	});
	return marker;
}