	function NavigationControl() {}

	NavigationControl.prototype = new GControl();

	NavigationControl.prototype.initialize = function(map) {
  var container = document.createElement("div");

  var UpDiv = document.createElement("div");
	  this.setButtonStyle_(UpDiv);
	  this.setButtonStyleUp_(UpDiv);
	  container.appendChild(UpDiv);
		img = document.createElement("img");
		img.setAttribute("src","http://www.leeabbeylondon.com/_assets/images/gmaps/up_arrow.png");
	  UpDiv.appendChild(img);
	  GEvent.addDomListener(UpDiv, "click", function() {
	    map.panDirection(0,+1);
	  });
  var LeftDiv = document.createElement("div");
	  this.setButtonStyle_(LeftDiv);
	  this.setButtonStyleLeft_(LeftDiv);
	  container.appendChild(LeftDiv);
		img = document.createElement("img");
		img.setAttribute("src","http://www.leeabbeylondon.com/_assets/images/gmaps/left_arrow.png");
	  LeftDiv.appendChild(img);
	  GEvent.addDomListener(LeftDiv, "click", function() {
	    map.panDirection(+1,0);
	  });
  var RightDiv = document.createElement("div");
	  this.setButtonStyle_(RightDiv);
	  this.setButtonStyleRight_(RightDiv);
	  container.appendChild(RightDiv);
		img = document.createElement("img");
		img.setAttribute("src","http://www.leeabbeylondon.com/_assets/images/gmaps/right_arrow.png");
	  RightDiv.appendChild(img);
	  GEvent.addDomListener(RightDiv, "click", function() {
	    map.panDirection(-1,0);
	  });
  var DownDiv = document.createElement("div");
	  this.setButtonStyle_(DownDiv);
	  this.setButtonStyleDown_(DownDiv);
	  container.appendChild(DownDiv);
		img = document.createElement("img");
		img.setAttribute("src","http://www.leeabbeylondon.com/_assets/images/gmaps/down_arrow.png");
	  DownDiv.appendChild(img);
	  GEvent.addDomListener(DownDiv, "click", function() {
	    map.panDirection(0,-1);
	  });

  var HomeDiv = document.createElement("div");
	  this.setButtonStyle_(HomeDiv);
	  this.setButtonStyleHome_(HomeDiv);
	  container.appendChild(HomeDiv);
		img = document.createElement("img");
		img.setAttribute("src","http://www.leeabbeylondon.com/_assets/images/gmaps/home_arrow.png");
	  HomeDiv.appendChild(img);
	  GEvent.addDomListener(HomeDiv, "click", function() {
	    map.setCenter(new GLatLng(51.751089, -1.238604), 16);
	  });

// Zoom In/Out
  var ZoomInDiv = document.createElement("div");
	  this.setButtonStyle_(ZoomInDiv);
	  this.setButtonStyleZoomIn_(ZoomInDiv);
	  container.appendChild(ZoomInDiv);
		img = document.createElement("img");
		img.setAttribute("src","http://www.leeabbeylondon.com/_assets/images/gmaps/zoom_in.png");
	  ZoomInDiv.appendChild(img);
	  GEvent.addDomListener(ZoomInDiv, "click", function() {
	    map.zoomIn();
	  });
  var ZoomOutDiv = document.createElement("div");
	  this.setButtonStyle_(ZoomOutDiv);
	  this.setButtonStyleZoomOut_(ZoomOutDiv);
	  container.appendChild(ZoomOutDiv);
		img = document.createElement("img");
		img.setAttribute("src","http://www.leeabbeylondon.com/_assets/images/gmaps/zoom_out.png");
	  ZoomOutDiv.appendChild(img);
	  GEvent.addDomListener(ZoomOutDiv, "click", function() {
	    map.zoomOut();
	  });




  map.getContainer().appendChild(container);
  return container;
}

// By default, the control will appear in the top left corner of the
// map with 7 pixels of padding.
NavigationControl.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(7, 7));
}

// Sets the proper CSS for the given button element.
NavigationControl.prototype.setButtonStyle_ = function(button) {
  button.style.position = "absolute";
  button.style.backgroundColor = "transparent";
  button.style.padding = "0px";
  button.style.marginBottom = "0px";
  button.style.textAlign = "center";
  button.style.width = "19px";
  button.style.Height = "19px";
  button.style.cursor = "pointer";
}
NavigationControl.prototype.setButtonStyleUp_ = function(button) {
  button.style.top = "0px";
  button.style.left = "20px";
}
NavigationControl.prototype.setButtonStyleLeft_ = function(button) {
  button.style.top = "20px";
  button.style.left = "0px";
}
NavigationControl.prototype.setButtonStyleRight_ = function(button) {
  button.style.top = "20px";
  button.style.left = "40px";
}
NavigationControl.prototype.setButtonStyleDown_ = function(button) {
  button.style.top = "40px";
  button.style.left = "20px";
}

NavigationControl.prototype.setButtonStyleZoomIn_ = function(button) {
  button.style.top = "70px";
  button.style.left = "20px";
}
NavigationControl.prototype.setButtonStyleZoomOut_ = function(button) {
  button.style.top = "90px";
  button.style.left = "20px";
}
NavigationControl.prototype.setButtonStyleHome_ = function(button) {
  button.style.top = "20px";
  button.style.left = "20px";
}