$(document).ready(function(){	
	
	var Maps = $(".GoogleMap");
	Data = new Array;
	Names = new Array;
	if(Maps.length>0) {
		for(i=0;i<Maps.length;i++) {
			bid = $(Maps[i]).attr("id");
			id = bid.substr(4,(bid.length-4));
			Data[i] = eval($("#Data_"+id).val());
			Names[i] = id;
		}
		
		var script = document.createElement("script");
		script.setAttribute("src", "http://www.google.com/jsapi?key="+Data[0][0].api+"&callback=loadMaps");
		script.setAttribute("type", "text/javascript");
		document.documentElement.firstChild.appendChild(script);
	}
});
function loadMaps() {
	google.load("maps", "2", {"callback" : mapsLoaded});
}
function mapsLoaded() {
	if (GBrowserIsCompatible()) {
		for(var i=0;i<Names.length;i++) {
		   var map = new GMap2(document.getElementById("Map_"+Names[i]));
			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());
			
			var cmPoints = [];
			for(var j=0;j<Data[i][0].points.length;j++) {
				xx = yy = 0;
				$.each(Data[i][0].points[j], function(index, option) {
					if(index=='lat') xx = option;
					if(index=='lon') yy = option;
				});
				if(xx>0&&yy>0) cmPoints.push(new GLatLng(xx,yy));
				if(xx>0&&yy>0) map.addOverlay(new GMarker(new GLatLng(xx, yy)));
			}
			cmOverlay = new GPolyline(cmPoints);
			var bounds = cmOverlay.getBounds();
			map.setCenter(bounds.getCenter());
			map.setZoom((map.getBoundsZoomLevel(bounds)-1));
		}
	}
}