function showRide() {
  map.addOverlay(Ride);
  for (var i = 0; i < rideMarkers.length ; i++) {
    map.addOverlay(rideMarkers[i])
    }
	}

function hideRide() {
  map.removeOverlay(Ride);
  for (var i = 0; i < rideMarkers.length ; i++) {
    map.removeOverlay(rideMarkers[i])
    }
  }

var Ride = new GPolyline([
  new GLatLng(51.567207971262, 0.61919049273876),
  new GLatLng(51.5673005596445, 0.619319836084668),
  new GLatLng(51.5675535125806, 0.619429046049194),
  new GLatLng(51.5677664002407, 0.619538284264395),
  new GLatLng(51.5678863966425, 0.619561020206803),
  new GLatLng(51.5680322576539, 0.619712756991668),
  new GLatLng(51.5681924157654, 0.619714837531634),
  new GLatLng(51.5685779498376, 0.619956217749655),
  new GLatLng(51.5687782237543, 0.619938306930551),
  new GLatLng(51.5688190504692, 0.61981068637791),
  new GLatLng(51.5687779622388, 0.619981098599306),
  new GLatLng(51.5689711726172, 0.62131125181227),
  new GLatLng(51.5689428535488, 0.621717397574095),
  new GLatLng(51.5689148990573, 0.62208084047759),
  new GLatLng(51.5689658519874, 0.622980754748821),
  new GLatLng(51.5689517591023, 0.623408819080178),
  new GLatLng(51.5688842852969, 0.624564729564844),
  new GLatLng(51.5688178819033, 0.625121279466202),
  new GLatLng(51.5687781738297, 0.625399616454699),
  new GLatLng(51.5685381233148, 0.625355183226159),
  new GLatLng(51.5684449219217, 0.625461967139601),
  new GLatLng(51.5682315633232, 0.625461216259276),
  new GLatLng(51.5680048792323, 0.625482319968292),
  new GLatLng(51.5678312889407, 0.625332002494828),
  new GLatLng(51.5676573442165, 0.62470925172743),
  new GLatLng(51.5674972001221, 0.624150897428532),
  new GLatLng(51.5673910344561, 0.623399116344789),
  new GLatLng(51.5672582510335, 0.622969552517384),
  new GLatLng(51.5671790797468, 0.622539931407747),
  new GLatLng(51.5669802017603, 0.622045943646232),
  new GLatLng(51.5668071284256, 0.621895840817588),
  new GLatLng(51.5666073629563, 0.621746004375348),
  new GLatLng(51.5668071975726, 0.621874345667134),
  new GLatLng(51.5669554013522, 0.621487297244907),
  new GLatLng(51.56705069203, 0.621036208590526),
  new GLatLng(51.5670927537181, 0.620606765003907),
  new GLatLng(51.5672004331609, 0.620435329399872),
  new GLatLng(51.5673089883288, 0.620113849418464),
  new GLatLng(51.5673250296829, 0.619663300420434),
  new GLatLng(51.5673005596445, 0.619319836084668),
  new GLatLng(51.567207971262, 0.61919049273876) ],
  rideColours[0], 4);

var ridePositions = new Array();
  ridePositions = [
  new GLatLng(51.56803226, 0.619712757),
  new GLatLng(51.56891490,  0.62208084),
  new GLatLng(51.56823156, 0.625461216),
  new GLatLng(51.56739103, 0.623399116),
  new GLatLng(51.56709275, 0.620606765)
];

var rideNames = new Array();
  rideNames = ["Edwin's Path", "Carter's Ride", "Rostron's Ride", "Cliff's Ride", "Holly Ride" ];

var rideImages = new Array();
  rideImages = ["Edwins", "Carters", "Rostrons", "Cliffs", "Holly" ];

// Creates a  marker whose info window displays the name corresponding
// to the given index.
function createRideMarker(point, index) {
  // Create an icon for this point using our icon class
  var thisIcon = new GIcon(mapIcon);
  var imageName = "Markers/" + rideImages[index] + ".png";
    thisIcon.image = imageName;

  // Set up our GMarkerOptions object
  var markerOptions = { icon:thisIcon };
  var marker = new GMarker(point, markerOptions);

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(rideNames[index]);
  });
  return marker;
}

// Create Markers with point from ridePositions.js
var rideMarkers = new Array();
for (var i = 0; i < ridePositions.length; i++) {
  rideMarkers[i] = createRideMarker(ridePositions[i],i);
  }