
function loadTrack() {
GDownloadUrl("read.php?id="+document.getElementById('trackID').value, function(data) {
          var xml = GXml.parse(data);
		  var coordinates = [];
		  var startIcon = new GIcon(G_DEFAULT_ICON);
          startIcon.image = "http://gps.krys.info/gmap/dd-start.png";
		  var stopIcon = new GIcon(G_DEFAULT_ICON);
          stopIcon.image = "http://gps.krys.info/gmap/dd-end.png";		  
		  
		  var area = new GLatLngBounds();
          var markers = xml.documentElement.getElementsByTagName("marker");
		  var track = xml.documentElement.getElementsByTagName("track");
		  document.getElementById('trackName').innerHTML = track[0].getAttribute("name");
		  document.getElementById('trackDesc').innerHTML = track[0].getAttribute("description");
		  document.getElementById('trackDist').innerHTML = track[0].getAttribute("distance");
		  document.getElementById('trackPoints').innerHTML = track[0].getAttribute("points");
		  document.getElementById('trackDate').innerHTML = track[0].getAttribute("date");
  
          var points = [];
          for (var i = 0; i < markers.length; i++) {
            var latlng = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            points.push(latlng);
			coordinates.push([parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng"))]);
			area.extend(latlng); 
            if (i==0) document.map.addOverlay(new GMarker(latlng,{ icon:startIcon }));
			if (i==markers.length-1) document.map.addOverlay(new GMarker(latlng,{ icon:stopIcon }));
          }
		  var polyline = new GPolyline(points, "#d24d15", 4);
          document.map.addOverlay(polyline);
          document.map.setCenter(area.getCenter(),document.map.getBoundsZoomLevel(area));		  
		  topoDrawGraph( document.getElementById("profile"), coordinates ,548,248);
        });
		
}

// Create the Google Map to be used.
function createMap() {
  if (!GBrowserIsCompatible()) {
    alert('Your browser is not compatible with the Google Maps API');
    return;
  }

  document.map = new GMap2(document.getElementById("map_canvas"),{draggableCursor:'url(cross.cur),default'});
  document.map.setCenter(new GLatLng(51.998410382390325, 19.05029296875), 6);
  document.map.addControl(new GLargeMapControl());
  document.map.addControl(new GMapTypeControl());
  document.map.enableDoubleClickZoom();
  document.map.enableContinuousZoom();
  document.map.enableScrollWheelZoom();
  

  loadTrack();
  
}

