$(function(){
	var map = new GMap2($("#map").get(0));
	var bounds = new GLatLngBounds();
	map.addControl(new GSmallMapControl());
	
	var locations = [
	  { name: 'Grant Wood. St. Paul, MN', geo: new GLatLng(44.944167, -93.086075) },
		{ name: 'Mahdi Pedram. Sterling, VA', geo: new GLatLng(39.0062204, -77.4285992) },
		{ name: 'Ryan Peterson. Hershey, PA', geo: new GLatLng(40.282079,-76.64754) }, // hersheyPA
		{ name: 'Marc Grabanski. Burnsville, MN', geo: new GLatLng(44.777035,-93.278074) }, // burnsvilleMN
		{ name: 'Jay Runquist. San Diego, CA', geo: new GLatLng(32.7153292, -117.1572551) }, // sandiegoCA
		{ name: 'Henry Acevedo. Bronx, NY', geo: new GLatLng(40.826883,-73.922751) }, // bronxNY
		{ name: 'Nate Abele. NJ', geo: new GLatLng(40.0583238,-74.4056612) }, // NJ
		{ name: 'TJ Singleton. Winder, GA', geo: new GLatLng(33.992359,-83.720845) } // winderGA
	];
	
	map.setCenter(new GLatLng(44.777035,-93.278074), 8);
	
	var myIcon = new GIcon();
	myIcon.image = base + 'css/img/map-icon/image.png';
	myIcon.printImage = base + 'css/img/map-icon/printImage.gif';
	myIcon.mozPrintImage = base + 'css/img/map-icon/mozPrintImage.gif';
	myIcon.iconSize = new GSize(32,32);
	myIcon.shadow = base + 'css/img/map-icon/shadow.png';
	myIcon.transparent = base + 'css/img/map-icon/transparent.png';
	myIcon.shadowSize = new GSize(48,32);
	myIcon.printShadow = base + 'css/img/map-icon/printShadow.gif';
	myIcon.iconAnchor = new GPoint(16,32);
	myIcon.infoWindowAnchor = new GPoint(16,0);
	myIcon.imageMap = [18,1,19,2,19,3,20,4,20,5,21,6,22,7,23,8,23,9,23,10,23,11,23,12,23,13,23,14,23,15,23,16,23,17,22,18,21,19,20,20,20,21,20,22,20,23,20,24,20,25,20,26,20,27,20,28,20,29,19,30,14,30,13,29,12,28,12,27,12,26,12,25,12,24,12,23,12,22,12,21,12,20,11,19,10,18,9,17,9,16,9,15,9,14,9,13,9,12,9,11,9,10,9,9,10,8,11,7,12,6,13,5,13,4,13,3,14,2,15,1];
	
	var markers = [];
	for (i=0;i<locations.length;i++) {
		var point = locations[i].geo;
		var marker = new GMarker(point, { icon:myIcon });
		marker.title = locations[i].name;
		markers[markers.length] = marker;
		map.addOverlay(marker);
		bounds.extend(point);
		var name = locations[i].name;
		
		GEvent.addListener(marker, "click", function(){
			var markerOffset = map.fromLatLngToDivPixel(this.getPoint());
			$("#message").hide().css({ top:markerOffset.y, left:markerOffset.x-($("#message").width()/2) })
				.fadeIn().html(this.title);
		});
	}
	
	$(document.body).click(function(){
		$("#message").hide();
	});
	
	$("#message").appendTo(map.getPane(G_MAP_FLOAT_SHADOW_PANE));
	
	map.setCenter(bounds.getCenter());
	map.setZoom(map.getBoundsZoomLevel(bounds)-1);
});