// Javascript functions for Google Maps
// This uses the new Version 3 API

// Missions
function init_missions(){
	var myLatlng = new google.maps.LatLng(35.8, -120.5);
	var myOptions = {
	  zoom: 6,
	  center: myLatlng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

	setMarkers(map, missions);
} 

	var missions = [
		['Sonoma', 38.2937, -122.4562, 1 ],
		['San Rafael', 37.9746, -122.5278, 2 ],
		['Santa Cruz', 36.9781, -122.0294, 3 ],
		['Carmel Mission', 36.5428, -121.9192, 4 ],
		['San Luis Obispo', 35.2809, -120.6643, 5 ],
		['La Purisima', 34.6715, -120.4225, 6 ],
		['Santa Inez', 34.5943, -120.1366, 7 ],
		['Santa Barbara', 34.4383, -119.7139, 8 ],
		['San Buenaventura', 34.2815, -119.2979, 9 ],
		['San Gabriel', 34.0973, -118.1065, 10 ],
		['Assistencia', 34.0685, -117.2226, 11 ],
		['San Juan Capistrano', 33.5023, -117.6626, 12 ],
		['San Luis Rey', 33.2326, -117.3204, 13 ],
		['Mission De Alcala', 32.7847, -117.1062, 14 ]
	];
	
function setMarkers(map, locations){ 
	var iconSize = new google.maps.Size(20, 34);
	var iconPosition = new google.maps.Point(0, 0);
	var iconShadowSize = new google.maps.Size(47, 34);
	var iconShadowPosition = new google.maps.Point(-14, 0);

	var iconShadowUrl = "http://www.google.com/mapfiles/shadow50.png";

	for (var i = 0; i < locations.length; i++){
		var mission = locations[i];
		var mLatLng = new google.maps.LatLng( mission[1], mission[2] );
		var iconImageUrl = "http://gmaps-samples.googlecode.com/svn/trunk/markers/blue/marker" + mission[3] + ".png";
		
		var markerImage = new google.maps.MarkerImage(iconImageUrl, iconSize, iconPosition);
		var markerShadow = new google.maps.MarkerImage(iconShadowUrl, iconShadowSize, iconShadowPosition);
		
		var marker = new google.maps.Marker({
			position: mLatLng,
			icon: markerImage,
			shadow: markerShadow,
			map: map,
			title: mission[0],
		});
	}
}