var vpuntos = new Array();
	
	function centerAndZoom(idcourse, lat, lng){
		map.setCenter(new GLatLng(lat, lng), 13);
		window.setTimeout(function() {
		  map.panTo(new GLatLng(lat, lng));
		}, 5000);
		vpuntos['l'+idcourse] = document.getElementById('l'+idcourse).innerHTML;
		document.getElementById('l'+idcourse).innerHTML = '<a href="javascript:startPosition(\'l' + idcourse + '\')">Zoom out</a>';
	}

	function startPosition(idcourse){
        map.setCenter(new GLatLng(54.749991, -4.350586), 6);
		document.getElementById(idcourse).innerHTML = vpuntos[idcourse];
	}

	
	function createMarker(point, text) {
		var icon = new GIcon();
		icon.image = "http://www.59shots.com/tempmaps/app/images/marker_ventura.png";
		icon.shadow = "http://www.59shots.com/tempmaps/app/images/shadow50_ventura.png";
		icon.iconSize = new GSize(20, 34);
		icon.shadowSize = new GSize(37, 34);
		icon.iconAnchor = new GPoint(20, 34);
		icon.infoWindowAnchor = new GPoint(5, 1);

		var marker = new GMarker(point, icon);  
		
		// var marker = new GMarker(point);  
		
		GEvent.addListener(marker, "click", 		
						   function(){
							   marker.openInfoWindowHtml('<div style="background-color: #fff">' + text + '<br /></div>');
						}); 
		return marker;
		}
		
		function createMarker2(point, text) {
		var icon = new GIcon();
		icon.image = "http://www.59shots.com/tempmaps/app/images/marker_ventura.png";
		icon.shadow = "http://www.59shots.com/tempmaps/app/images/shadow50_ventura.png";
		icon.iconSize = new GSize(20, 34);
		icon.shadowSize = new GSize(37, 34);
		icon.iconAnchor = new GPoint(20, 34);
		icon.infoWindowAnchor = new GPoint(5, 1);

		var marker = new GMarker(point, icon);  
		
		return marker;
		}
		

	var map = null;
	var lastclick = ""; // Last Clicked Point
	function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
		map.enableScrollWheelZoom();
		map.enableDoubleClickZoom();

		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		// http://maps.google.es/?ie=UTF8&ll=54.749991,-4.350586&spn=4.845743,20.390625&z=6&om=1		
        map.setCenter(new GLatLng(54.749991, -4.350586), 6);
		
		GEvent.addListener(map, "click", function(marker, point) {
		  	if (marker) {  } else {
			 var marker = createMarker(point, document.getElementById("campo").value)
			 map.addOverlay(marker);
			 document.getElementById("lat").value = point.lat();
		     document.getElementById("lng").value = point.lng();

			}});
	
		// Download the data in data.xml and load it on the map. The format we
		// expect is:
		// <markers>
		//   <marker lat="37.441" lng="-122.141"/>
		//   <marker lat="37.322" lng="-121.213"/>
		// </markers>
		GDownloadUrl("tempmaps/app/data.php", function(data, responseCode) {
		  var xml = GXml.parse(data);
		  var markers = xml.documentElement.getElementsByTagName("marker");
		  for (var i = 0; i < markers.length; i++) {
			var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
					parseFloat(markers[i].getAttribute("lng")));

			var marker = createMarker(point, markers[i].getAttribute("txt"))									
			map.addOverlay(marker);

			try{
				if(markers[i].getAttribute("idcourse") == id_course_activo){
						var marker = createMarker2(point, markers[i].getAttribute("txt"))									
						map.addOverlay(marker);
						map.setCenter(new GLatLng(markers[i].getAttribute("lat"), markers[i].getAttribute("lng")), 13);
				}
			}catch(e){

			}
		  }
		});
		
		GEvent.addListener(map, "click", function(marker, point) {
			  if (marker) {
				// map.removeOverlay(marker);
			  } else {
		          map.setCenter(new GLatLng(point.lat(), point.lng()));
			  }
		});
      }
    }