var centerCor;
var lat3;
var lon3;
var map;
//var marker;

	 function createMarker() {
	centerCor = map.getCenter();
	        var latmany = 1.0 * centerCor.lat();
	        lat3 = latmany.toFixed(6);
	        var lonmany = 1.0 * centerCor.lng();
	       lon3 = lonmany.toFixed(6);
		marker2 = new GMarker(centerCor,{draggable: true});
	return marker2;
	};


$(document).ready(function(){

	if (GBrowserIsCompatible())
			{
							map = new GMap2(document.getElementById("map_canvas"));
							map.setCenter(new GLatLng(22.2885,114.2103), 15);
							map.setUIToDefault();
							var marker=createMarker();


					  GEvent.addListener(map, "moveend", function() {
							marker.setLatLng(map.getCenter());
							NewLatLng =marker.getLatLng();
							latmany = 1.0 *NewLatLng .lat();
							lat3 = latmany.toFixed(6);
							lonmany = 1.0 * NewLatLng.lng();
							lon3 = lonmany.toFixed(6);
							$("#ClientLatitude").attr("value", lat3);
							$("#ContactLatitude").attr("value", lat3);
							$("#ClientLongitude").attr("value", lon3);
							$("#ContactLongitude").attr("value", lon3);
							//$("#ClientLatitude").attr("value", "");
							//$("#ClientLongitude").attr("value", "");														//document.getElementById("LatAndLong").innerHTML=(lat3 + "," + lon3);
						});

						GEvent.addListener(marker,"click", function() {
							var popUpMessage = "<b>#" + 'HelloWorld, I\'m Lawrecne' + "</b><br/>";
							map.openInfoWindowHtml(latlng, popUpMessage);
						});

					GEvent.addListener(marker, "dragend", function() {
						NewLatLng =marker.getLatLng();
						latmany = 1.0 *NewLatLng .lat();
						lat3 = latmany.toFixed(6);
						lonmany = 1.0 * NewLatLng.lng();
						lon3 = lonmany.toFixed(6);
						$("#ClientLatitude").attr("value", lat3);
						$("#ClientLongitude").attr("value", lon3);
						$("#ContactLatitude").attr("value", lat3);
						$("#ContactLongitude").attr("value", lon3);
					});

			  map.addOverlay(marker);
		}

	$("#ClientAreaId").change(function(){
		//alert('document ready');
	areaId = $(this).val();
	//alert(areaId);
	lon3=$('#ClientAreaId option[value='+$('#ClientAreaId').val()+']').attr("longitude");
		//lon3=$(this).children('option[value='+areaId+']');
	lat3=$('#ClientAreaId option[value='+$('#ClientAreaId').val()+']').attr("latitude");
		map.panTo(new GLatLng(lat3,lon3));
	return false;
	});
});