$(document).ready(function(){
    
	var container = document.getElementById("map");
	
	$(".mapClickable img").click(function(){
		
		$(this).remove();
		
		if ($('#coords').val() != '')
		{
			var loc = $('#coords').val().split(',');
			var latitude = loc[0]; 
			var longitude = loc[1]; 
		}
		  
		  
		if (latitude && longitude)
		{
			var pos = new google.maps.LatLng(latitude, longitude)
		}

		var myOptions = {
			zoom: 15,
			center: pos,
			mapTypeControl: true,
			scaleControl: true,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		}
	  
		
	   
		var map = new google.maps.Map(container, myOptions);


		var image = new google.maps.MarkerImage('/images/flag.png',
			new google.maps.Size(64, 64),
			new google.maps.Point(0,0),
			new google.maps.Point(32, 62));
		var shadow = new google.maps.MarkerImage('/images/flag-shadow.png',
			new google.maps.Size(64, 64),
			new google.maps.Point(0,0),
			new google.maps.Point(9, 53));


		var flagMarker = new google.maps.Marker({
			position: pos,
			map: map,
			icon: image,
			shadow: shadow
			
		});


		google.maps.event.addListener(map, 'dblclick', function() {
			map.setZoom(17);
			map.panTo(pos);
		});
		
	});

});