// We define the function first
function TextualZoomControl() {
}

TextualZoomControl.prototype = new GControl();

TextualZoomControl.prototype.initialize = function(map) {
 

 var container = document.createElement("div");

 var up = document.createElement("div");
 	up.id = "map-up";
  container.appendChild(up);
  up.appendChild(document.createTextNode(" "));
  GEvent.addDomListener(up, "click", function() {
   map.panDirection(0,1);
  });



var left = document.createElement("div");
	left.id = "map-left";
  container.appendChild(left);
  left.appendChild(document.createTextNode(" "));
  GEvent.addDomListener(left, "click", function() {
   map.panDirection(-1,0);
  });
  
  
  var center = document.createElement("div");
  center.id = "map-center";
  container.appendChild(center);
  	
  center.appendChild(document.createTextNode(" "));
  GEvent.addDomListener(center, "click", function() {

      map.setCenter(new google.maps.LatLng(40.039952, 8.986816), map.getZoom());
		
  });
  
    var right = document.createElement("div");
	right.id = "map-right";
  container.appendChild(right);
  right.appendChild(document.createTextNode(" "));
  GEvent.addDomListener(right, "click", function() {
   map.panDirection(1,0);
  });
  
      var down = document.createElement("div");
	  down.id = "map-down";
  container.appendChild(down);
  down.appendChild(document.createTextNode(" "));
  GEvent.addDomListener(down, "click", function() {
   map.panDirection(0,-1);
  });
  
  
  
  var zoomInDiv = document.createElement("div");
  zoomInDiv.id = "map-zoom";
  container.appendChild(zoomInDiv);
  zoomInDiv.appendChild(document.createTextNode(" "));
  GEvent.addDomListener(zoomInDiv, "click", function() {
   
   if( map.getZoom() > 8)
   {
   map.setZoom(8) ;
   }else{
	  map.setZoom(9) ; 
   }
  });

  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.
TextualZoomControl.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(7, 7));
}




function initializeMap(){
map.addControl(new TextualZoomControl());
}