var centerLatitude  = 42.049694333333;
var centerLongitude = -74.108111166667;
var startZoom       = 14;
var description     = "Kitten Stackers, International";

var markers = [
	{
		'latitude' : 40.742908273326876,
		'longitude': -73.92233490943909,
		'name': 'Kitten Stackers, International'
	}
	,{
		'latitude' : 42.047000,
		'longitude': -74.126500,
		'name': '<a href="WoodstockYard.jpg" target="_blank"><img src="WoodstockYard.jpg" width="300" height="201"></a>'
	}
	,{
		'latitude' : 42.077833,
		'longitude': -74.022000,
		'name': '<a href="WoodstockMountains.jpg" target="_blank"><img src="WoodstockMountains.jpg" width="300" height="169"></a>'
	}
	,{
		'latitude' : 42.047000,
		'longitude': -74.126500,
		'name': '<a href="WoodstockSky2.jpg" target="_blank"><img src="WoodstockSky2.jpg" width="300" height="201"></a>'
	}
	,{
		'latitude' : 42.039667,
		'longitude': -74.123500,
		'name': '<a href="GPSSample.jpg" target="_blank"><img src="GPSSample.jpg" width="268" height="400"></a>'
	}
	,{
		'latitude' : 42.039833,
		'longitude': -74.123667,
		'name': '<a href="WoodstockTerminal.jpg" target="_blank"><img src="WoodstockTerminal.jpg" width="196.5" height="300"></a>'
	}
	,{
		'latitude' : 42.046833,
		'longitude': -74.126500,
		'name': '<a href="WoodstockSky.jpg" target="_blank"><img src="WoodstockSky.jpg" width="201" height="300"></a>'
	}
];

var map;

function addMarker(latitude, longitude, description){
	var marker = new GMarker(new GLatLng(latitude, longitude));

	GEvent.addListener(marker, 'click',
		function(){
			marker.openInfoWindowHtml(description);
		}
	);

	map.addOverlay(marker);

}


function init()
{
	if(GBrowserIsCompatible()){
		map = new GMap2(document.getElementById("map"));
		var location  = new GLatLng(centerLatitude, centerLongitude);

		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
		map.addControl(new GScaleControl());
/*		GEvent.addListener(map, "click", function(overlay, latlng){
			var marker = new GMarker(latlng);
			map.addOverlay(marker);
		});*/
		GEvent.addListener(map, "click", function(overlay, latlng){

			var inputForm = document.createElement("form");
			inputForm.setAttribute("action", "");
			inputForm.onsubmit = function() { storeMarker(); return false;};

			var lng = latlng.lng();
			var lat = latlng.lat();

			inputForm.innerHTML = '<fieldset style = "width:150px;" >'
				+ '<legend>New Marker</legend>'
				+ '<label for="found">Found</label>'
				+ '<input type="text" id="found" style="width:100%" />'
				+ '<label for="left">Left</label>'
				+ '<input type="text" id="left" style="width:100%" />'
				+ '<input type="submit" value="Save" />'
				+ '<input type="text" id="longitude" value="' + lng + '"/>'
				+ '<input type="text" id="latitude" value="' + lat + '"/>'
				+ '</fieldset>';

			map.openInfoWindow(latlng, inputForm);
		});
		for(id in markers){
			addMarker(markers[id].latitude, markers[id].longitude, markers[id].name);
		}

	}
}


window.onload   = init;
window.onunload = GUnload;