// JavaScript Document

function load () {	
	var map = document.getElementById("map");	
	if (GBrowserIsCompatible()) {
		var gmap = new GMap2(map);
		gmap.addControl( new GLargeMapControl() );
		gmap.addControl( new GMapTypeControl()) ;
		gmap.addControl( new GOverviewMapControl(new GSize(100,100)) );		
		gmap.setCenter ( new GLatLng(41.39674304340194, 2.1546614170074463), 17,G_HYBRID_MAP);
		
		
		function createMarker(input) {		
			var marker = new GMarker(input.point);				
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml( formatWindow(input) );
			});			
			return marker;
		}
		function parseJson (doc) {						
			var jsonData = eval("(" + doc + ")");					
			for (var i = 0; i < jsonData.markers.length; i++) {
				var marker = createMarker(jsonData.markers[i]);
				gmap.addOverlay(marker);
			}			
		}
		
		function formatWindow(input) {
			var html = "<div id=\"bubble\">";
			html += "<h4>" + input.companyName + "</h4>";
			html += input.companyAddress + "<br />";
			html += input.companyDistrict + "<br />";
			html += input.companyPhone + "<br />";
			html += "</div>";
			return html;
		}
		
		GDownloadUrl("scripts/point.json", function(data, responseCode) { 
			parseJson(data);
		});
		
	} else {
		alert("Sorry, your browser cannot handle the true power of Google Maps");
	}
}
window.onload = load;
window.onunload = GUnload;