// Gmaps integration


var GreenwayCoords = {
	// Greenway line
	greenway_line_coords : [
		new GLatLng(42.269656,-83.745861),
		new GLatLng(42.274387,-83.748736),
		new GLatLng(42.279404,-83.751569),
		new GLatLng(42.281595,-83.752298),
		new GLatLng(42.283723,-83.752084),
		new GLatLng(42.286294,-83.751011),
		new GLatLng(42.28839,-83.74938),
		new GLatLng(42.290421,-83.746676)
	],
	
	// Miller to Kingsley
	park1 : new GLatLng(42.287977,-83.748651),

	park2 : new GLatLng(42.280008,-83.75247),
	
	park3 : new GLatLng(42.279055,-83.751097)

}

function body_onload() {
      if (GBrowserIsCompatible() && $("map")) {
      		$("map").innerHTML = "";
		var map = new GMap2($("map"), G_HYBRID_MAP);
		map.addControl(new GSmallMapControl());
		var lat = 42.2815;
		var lon = -83.748522
		map.setCenter(new GLatLng(lat, lon), 13);

		//Add the green line
		var greenway_line = new GPolyline(GreenwayCoords.greenway_line_coords, '#00520E', 6, .99);
		map.addOverlay(greenway_line);

		//Add the parks
		var park1 = new GMarker(GreenwayCoords.park1);
		map.addOverlay(park1);
		var park2 = new GMarker(GreenwayCoords.park2);
		map.addOverlay(park2);
		var park3 = new GMarker(GreenwayCoords.park3);
		map.addOverlay(park3);

		GEvent.addListener(park1, 'click', markerClick.bind({park: park1, img:'/park_images/park1.jpg'}));
		GEvent.addListener(park2, 'click', markerClick.bind({park: park2, img:'/park_images/park2.jpg'}));
		GEvent.addListener(park3, 'click', markerClick.bind({park: park3, img:'/park_images/park3.jpg'}));

		// Cache images
		for (var i = 1; i<4; i++) {
			var image = document.createElement('img');
			image.src = '/park_images/park'+i+'.jpg';
		}

	}

}

function markerClick() {
	var image = document.createElement('img');
	image.src = this.img;
	this.park.openInfoWindow(image);

}