$(document).ready(function(){
	$("#map1").jmap('init', {'mapType':'map','mapCenter':[51.507778, -0.128056],'mapZoom':2},
		function (map, element, options){
			GEvent.addListener(map, "click", function(overlay,latlng){
			var mapCenter = map.getCenter();
			$('.position-value').text('Clicked location:' + latlng.lat() + ',' + latlng.lng());
			
			if(window.placeMarker)
			{
				if(window.marker != undefined)
				{
					$('#map1').jmap('RemoveMarker', window.marker);
				}
				$("input[name='longitude']").val(latlng.lng());
				$("input[name='latitude']").val(latlng.lat());
				$('#map1').jmap('AddMarker',{
					'pointLatLng':[latlng.lat(), latlng.lng()]
				},function(marker){
					window.marker = marker;
				});
				
				toggleMarkerPlacement();
			}
	  });
  });
	$('a.markerToggle').click(function(e){
		e.stopPropagation();
		e.preventDefault();
	
		toggleMarkerPlacement();
	});
});

function toggleMarkerPlacement() {
	if(window.placeMarker)
	{
		window.placeMarker = false;
		
		$('a.markerToggle').text("Place Location Marker");
		$('a.markerToggle').css("color","#00f")
	}
	else
	{
		window.placeMarker = true;
		
		$('a.markerToggle').text("Cancel Marker Placement");
		$('a.markerToggle').css("color","#aaa");
	}
}