var infowindow = new google.maps.InfoWindow();

function initialize()
{		
		var markers = new Array();
		var markerSize = new google.maps.Size(25, 25); //width, height
		var myLatLng = new google.maps.LatLng(35.282752,-120.659616);
		var a = Array();
		
		var t = new Object();
		t.lat = 35.144438;
		t.lng = -120.640424;
		t.contentString = "<h3>Pismo Beach</h3>\n<a href=pismo/>View salary statistics &raquo;</a>"
		a[0] = t;
		
		var t = new Object();
		t.lat = 35.120551;
		t.lng = -120.6227;
		t.contentString = "Grover Beach"
		a[1] = t;
		
		var t = new Object();
		t.lat = 35.285809;
		t.lng = -120.663542;
		t.contentString = "San Luis Obispo"
		a[2] = t;
		
		var t = new Object();
		t.lat = 35.62732;
		t.lng = -120.68567;
		t.contentString = "Paso Robles"
		a[3] = t;
		
		var t = new Object();
		t.lat = 35.119982;
		t.lng = -120.591192;
		t.contentString = "Arroyo Grande"
		a[4] = t;
		
		var t = new Object();
		t.lat = 35.365685;
		t.lng = -120.842818;
		t.contentString = "Morro Bay"
		a[5] = t;
		
		var t = new Object();
		t.lat = 35.491092;
		t.lng = -120.672415;
		t.contentString = "Atascadero"
		a[6] = t;
		
		var myOptions = {
		  	zoom: 9,
		  	center: myLatLng,
		  	mapTypeId: google.maps.MapTypeId.ROADMAP
		}
		var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
		for(var i = 0; i < a.length; i++)
		{
			// alert(i);
			var latlng = new google.maps.LatLng(a[i].lat, a[i].lng);
			createMarker(latlng,map,i,markers,a[i].contentString,markerSize);
		}
}

function createMarker(latlng,map,i,markers,markerText,markerSize)
{
	var marker= new google.maps.Marker({
		map:map,
		position:latlng,
		title:markerText
	});
	marker.iconSize = markerSize;
	var options     =  { icon: marker };
	
	google.maps.event.addListener(marker, "click", function() {
	infowindow.close();
	infowindow = new google.maps.InfoWindow({content:markerText});
		
		
		infowindow.open(map,marker);
		return markers[i];
	});
} 

