// A TextualZoomControl is a GControl that displays textual "Zoom In"

// and "Zoom Out" buttons (as opposed to the iconic buttons used in

// Google Maps).



// We define the function first

function TextualZoomControl() {
	this.lable = "Add Location";
}



// To "subclass" the GControl, we set the prototype object to

// an instance of the GControl object

TextualZoomControl.prototype = new GControl();



// Creates a one DIV for each of the buttons and places them in a container

// DIV which is returned as our control element. We add the control to

// to the map container and return the element for the map class to

// position properly.

TextualZoomControl.prototype.initialize = function(map) {

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



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

  this.setButtonStyle_(zoomInDiv);

  container.appendChild(zoomInDiv);
  this.textNode = document.createTextNode(this.lable);
  zoomInDiv.appendChild(this.textNode);

  GEvent.addDomListener(zoomInDiv, "click", function() {

  //  $('#dv_info').show('slow');
  // addressMarker=true;
		msg_sucsBox(false);
		if(editMode)editMode=false;
		else
			editMode=true;

		//addmarker_msgbox(editMode);
		if(editMode)
			msg_infoBox(editMode,"Please find location on the map and click on it");
		else
			msg_infoBox(editMode);
			
		msg_routeBox(false);
		
		gRoutMode=false;
		//zoomInDiv.removeChild(this.textNode);
		//zoomInDiv.appendChild(document.createTextNode('HELLO'));
  });



/*
  var zoomOutDiv = document.createElement("div");
  this.setButtonStyle_(zoomOutDiv);

  container.appendChild(zoomOutDiv);

  zoomOutDiv.appendChild(document.createTextNode("Zoom Out"));

  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.

TextualZoomControl.prototype.getDefaultPosition = function() {

  return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(100,8));

}



// Sets the proper CSS for the given button element.

TextualZoomControl.prototype.setButtonStyle_ = function(button) {

  //button.style.textDecoration = "underline";

  button.style.color = "#FFFFFF";

  button.style.backgroundColor = "blue";

  button.style.font = "small Arial";

  button.style.border = "1px solid black";

  button.style.padding = "1px";

  button.style.marginBottom = "3px";

  button.style.textAlign = "center";

  button.style.width = "7em";

  button.style.cursor = "pointer";

}