/**
 * Google Map API
 */
function loadMap(data) {

	if (data['zoom']) {
		var zoom = data['zoom'];
	} else {
		var zoom = 8;	
	}	

	var options = {
		zoom: zoom,
		center: new google.maps.LatLng(data['latitude'], data['longitude']),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}

	var map = new google.maps.Map(document.getElementById("map_canvas"), options);

	if (data['markers']) {
		setMarkers(map, data['markers']);
	}

	if (data['kml']) { 	
		var kmlLayer = new google.maps.KmlLayer(data['kml']);
		kmlLayer.setMap(map);
	}

	infowindow = new google.maps.InfoWindow({
		content: "loading..."
	});

}

function setMarkers(map, markers) {
	for (var i = 0; i < markers.length; i++) {
		var site = markers[i];
		var siteLatLng = new google.maps.LatLng(site[1], site[2]);
		var marker = new google.maps.Marker({
		    position: siteLatLng,
		    map: map,
		    title: site[0],
		    zIndex: i,
		    html: site[3],
			icon: site[4]
		});

		google.maps.event.addListener(marker, "click", function () {
		    infowindow.setContent(this.html);
		    infowindow.open(map, this);
		});
	}
}