// JavaScript Document

function CustomZoomControl() {
}

CustomZoomControl.prototype = new GControl();

CustomZoomControl.prototype.initialize = function(map) {
													      var container = document.createElement("div");
														 
														  var zoomInDiv = document.createElement("div");
														  this.setButtonStyle_(zoomInDiv, "in");
														  container.appendChild(zoomInDiv);
														  GEvent.addDomListener(zoomInDiv, "click", function() {
																											      map.zoomIn();
														  });
														  
														  var zoomOutDiv = document.createElement("div");
														  this.setButtonStyle_(zoomOutDiv, "out");
														  container.appendChild(zoomOutDiv);
														  GEvent.addDomListener(zoomOutDiv, "click", function() {
																												  map.zoomOut();
														  });

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

CustomZoomControl.prototype.getDefaultPosition = function() {
															  return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(14, 70));
															}

CustomZoomControl.prototype.setButtonStyle_ = function(button, label) {
																	    button.style.textDecoration = "underline";
																		button.style.color = "#0000cc";
																		button.style.background = "url('http://www.nord-dressage.fr/autres/fichiers/images/zoom-" + label + ".png')";
																		button.style.border = "none";
																		button.style.marginBottom = "3px";
																		button.style.width = "17px";
																		button.style.height = "17px";
																		button.style.cursor = "pointer";
																	  }