google.load("maps", "2", {"language" : "de_DE"});
google.setOnLoadCallback(init);
var mArray = Array();
var sizeControl = "/bigger.jpeg";

function init()
{
	initialize(5);
}

function map_bigger()
{
	document.getElementById('map_canvas').style.height = "600px";
	document.getElementById('map_text').style.height = "600px";
	sizeControl = "/smaller.jpeg";
	initialize(6);
}

function map_smaller()
{
	document.getElementById('map_canvas').style.height = "300px";
	document.getElementById('map_text').style.height = "300px";
	sizeControl = "/bigger.jpeg";
	initialize(5);
}


function TextualZoomControl() {
}

function initialize(zoomlevel) {
  document.getElementById('map_text').innerHTML = "";
  map = new GMap2(document.getElementById("map_canvas"));
  center = new GLatLng(51.13136255, 10.05770365);
  map.setCenter(center, zoomlevel);
  map.addControl(new GSmallMapControl());
  bounds = new GLatLngBounds();
  TextualZoomControl.prototype = new GControl();

  TextualZoomControl.prototype.initialize = function(map) {
    var container = document.createElement("div");
    var zoomInDiv = document.createElement("div");
    this.setButtonStyle_(zoomInDiv);
    container.appendChild(zoomInDiv);
    imgNode = document.createElement("img");
    imgNode.src = sizeControl;
    zoomInDiv.appendChild(imgNode);
    GEvent.addDomListener(zoomInDiv, "click", function() {
      if (sizeControl == "/bigger.jpeg") {
        map_bigger();
      } else {
        map_smaller();
      }
    });
    map.getContainer().appendChild(container);
    return container;
  }

  TextualZoomControl.prototype.getDefaultPosition = function() {
    return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
  }
  
  TextualZoomControl.prototype.setButtonStyle_ = function(button) {
    button.style.textDecoration = "underline";
    button.style.color = "#0000cc";
    button.style.backgroundColor = "white";
    button.style.border = "1px solid black";
    button.style.padding = "2px";
    button.style.marginBottom = "3px";
    button.style.textAlign = "center";
    button.style.width = "20px";
    button.style.height = "20px";
    button.style.cursor = "pointer";
  }
  
  if (typeof resizeable != "undefined" && resizeable != false) {
    map.addControl(new TextualZoomControl());
  }
  numGeocoded = 0;
  window.setTimeout(showMarkers, 1000);
}