function ZoomControl() {
    }
    ZoomControl.prototype = new GControl();

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

      var zoomInDiv = document.createElement("div");
      this.setButtonStyle_zoomIn(zoomInDiv);
      container.appendChild(zoomInDiv);
      GEvent.addDomListener(zoomInDiv, "click", function() {
        map.zoomIn();
      });

      var zoomOutDiv = document.createElement("div");
      this.setButtonStyle_zoomOut(zoomOutDiv);
      container.appendChild(zoomOutDiv);
      GEvent.addDomListener(zoomOutDiv, "click", function() {
        map.zoomOut();
      });

      map.getContainer().appendChild(container);
      return container;
    }
		
    ZoomControl.prototype.getDefaultPosition = function() {
      return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(35, 110));
    }

    ZoomControl.prototype.setButtonStyle_zoomIn = function(button) {
      button.style.backgroundImage = "url(/assets/js/kartta/zoom_in.png)";
      button.style.width = "19px";
      button.style.height = "18px";
      button.style.cursor = "pointer";
	  button.style.position = "absolute";
      button.style.top = "0px";
      button.style.left = "0px";
    }
		
		    ZoomControl.prototype.setButtonStyle_zoomOut = function(button) {
      button.style.backgroundImage = "url(/assets/js/kartta/zoom_out.png)";
      button.style.width = "19px";
      button.style.height = "18px";
      button.style.cursor = "pointer";
	  button.style.position = "absolute";
      button.style.top = "30px";
      button.style.left = "0px";
    }
		//pan direction start
		  function PanControl() {
    }
    PanControl.prototype = new GControl();

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

		var panUp = document.createElement("div");
      this.setButtonStyle_panUp(panUp);
      container.appendChild(panUp);
      GEvent.addDomListener(panUp, "click", function() {
      map.panDirection(0, +1);
      });
			
		var panLeft = document.createElement("div");
      this.setButtonStyle_panLeft(panLeft);
      container.appendChild(panLeft);
      GEvent.addDomListener(panLeft, "click", function() {
      map.panDirection(+1, 0);
      });
			
		var panRight = document.createElement("div");
      this.setButtonStyle_panRight(panRight);
      container.appendChild(panRight);
      GEvent.addDomListener(panRight, "click", function() {
      map.panDirection(-1, 0);
      });
	  
	  var panDown = document.createElement("div");
      this.setButtonStyle_panDown(panDown);
      container.appendChild(panDown);
      GEvent.addDomListener(panDown, "click", function() {
      map.panDirection(0, -1);
      });
	  
	  var panCenter = document.createElement("div");
      this.setButtonStyle_panCenter(panCenter);
      container.appendChild(panCenter);
      GEvent.addDomListener(panCenter, "click", function() {
   map.setCenter(new GLatLng(60.167650, 24.942050), 15);
      });

      map.getContainer().appendChild(container);
      return container;
    }
		
    PanControl.prototype.getDefaultPosition = function() {
      return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(5, 5));
    }

    PanControl.prototype.setButtonStyle_panUp = function(button) {
      button.style.backgroundImage = "url(/assets/js/kartta/pan_up.png)";
      button.style.width = "19px";
      button.style.height = "18px";
      button.style.cursor = "pointer";
      button.style.position = "absolute";
      button.style.top = "0px";
      button.style.left = "30px";
    }
		
		 PanControl.prototype.setButtonStyle_panDown = function(button) {
      button.style.backgroundImage = "url(/assets/js/kartta/pan_down.png)";
      button.style.width = "19px";
      button.style.height = "18px";
      button.style.cursor = "pointer";
	  button.style.position = "absolute";
      button.style.top = "60px";
      button.style.left = "30px";
    }
		
		 PanControl.prototype.setButtonStyle_panLeft = function(button) {
      button.style.backgroundImage = "url(/assets/js/kartta/pan_left.png)";
      button.style.width = "19px";
      button.style.height = "18px";
      button.style.cursor = "pointer";
	  button.style.position = "absolute";
      button.style.top = "30px";
      button.style.left = "0px";
    }
		
		 PanControl.prototype.setButtonStyle_panRight = function(button) {
      button.style.backgroundImage = "url(/assets/js/kartta/pan_right.png)";
      button.style.width = "19px";
      button.style.height = "18px";
      button.style.cursor = "pointer";
	  button.style.position = "absolute";
      button.style.top = "30px";
      button.style.left = "60px";
    }
	
	PanControl.prototype.setButtonStyle_panCenter = function(button) {
      button.style.backgroundImage = "url(/assets/js/kartta/pan_center.png)";
      button.style.width = "19px";
      button.style.height = "18px";
      button.style.cursor = "pointer";
	  button.style.position = "absolute";
      button.style.top = "30px";
      button.style.left = "30px";
    }