// 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() {
	}

	// 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, "ZoomIn");
		container.appendChild(zoomInDiv);
		//zoomInDiv.appendChild(document.createTextNode("Zoom In"));
		zoomInDiv.setAttribute("title", "Zoom In");
		GEvent.addDomListener(zoomInDiv, "click", function() {
			map.zoomIn();
		});

		var zoomOutDiv = document.createElement("div");
		this.setButtonStyle_(zoomOutDiv, "ZoomOut");
		container.appendChild(zoomOutDiv);
		//zoomOutDiv.appendChild(document.createTextNode("Zoom Out"));
		zoomOutDiv.setAttribute("title", "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(7, 7));
	}

	// Sets the proper CSS for the given button element.
	TextualZoomControl.prototype.setButtonStyle_ = function(button, type) {
		if(type == "ZoomIn")
		{
			button.style.background = "url(img/ZoomIn.jpg)";
		}
		else
		{
			button.style.background = "url(img/ZoomOut.jpg)";
		}
		button.style.backgroundRepeat = "no-repeat";
		button.style.width = "20px";
		button.style.height = "20px";
		button.style.margin = "0 0 5px 0";


		button.style.cursor = "pointer";
	}