//<![CDATA[
myMarker={};
window.name="stadtplan";
window.focus();

var myLocation;
gmarkers=[];

// Create marker icon 
var baseIcon = new GIcon();
baseIcon.image = "images/mm_20_red.png";
baseIcon.shadow = "images/mm_20_shadow.png";
baseIcon.iconSize = new GSize(12, 20);
baseIcon.shadowSize = new GSize(22, 20);
baseIcon.iconAnchor = new GPoint(6, 20);
baseIcon.infoWindowAnchor = new GPoint(5, 1);
baseIcon.imageMap = [4,0,0,4,0,7,3,11,4,19,7,19,8,11,11,7,11,4,7,0]; 
baseIcon.transparent = "images/mm_20_transparent.png";

function load()
{
  if (GBrowserIsCompatible())
  {
    var map = new GMap2(document.getElementById("map"));
    myMap=map;
    geocoder = new GClientGeocoder();

    /* #### adding controls to the map #### */
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl());

    /* #### event listeners #### */
    GEvent.addListener(map, "click", function(market, point) {
      if(point)
      {
        var center = map.getCenter();
        document.getElementById("breite").value = point.x;
        document.getElementById("laenge").value = point.y;
      }
      if(market)
      {
        document.getElementById("breite").value = market.getPoint().lng();
        document.getElementById("laenge").value = market.getPoint().lat();
      }
    })

    /* draw map */
    map.setCenter(new GLatLng(52.521234766555494,13.414306640625), 11);
    map.clearOverlays();
  }
}

// Creates a marker whose info window displays the given number
function createMarker(point, number, color, typ, window)
{
  var icon = new GIcon(baseIcon);
  icon.image = "images/mm_20_"+color+".png";
  var marker = new GMarker(point, icon);
  gmarkers.push(marker);
  marker.type = typ; 

  if(window)
  {
    // Show this markers index in the info window when it is clicked
    var html = number;
    GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
  }
  return marker;
}

function showLocation()
{
  var address = document.getElementById("strasse").value+","+document.getElementById("plz").value+" "+document.getElementById("ort").value+","+document.getElementById("land").value;
  geocoder.getLocations(address, GeoCoordinates);
}
function GeoCoordinates(response)
{
  if (!response || response.Status.code != 200)
  {
    alert("Sorry, we were unable to geocode that address");
  }
  else
  {
    place = response.Placemark[0];

    geoL = place.Point.coordinates[1];
    geoB = place.Point.coordinates[0];
    address = place.address;

    point = new GLatLng(geoL,geoB);
    myMap.panTo(point);  


    if(myLocation) myMap.removeOverlay(myLocation);
    myLocation = createMarker(point, '', 'green', 'myLocation', '');
    myMap.addOverlay(myLocation);

  }
}

var oldMarker;
function myClick(i){
myMap.setCenter(new GLatLng(standorte[i][2],standorte[i][1]), 11);
if(oldMarker) myMap.removeOverlay(oldMarker);
oldMarker = myMarker[i];
myMap.addOverlay(myMarker[i]);
myMarker[i].openInfoWindowHtml('<div style="width:200px;font-size:0.85em">'+standorte[i][3]+'</div><div style="width:200px;font-size:0.75em">'+standorte[i][5]+'</div><div style="width:200px;font-size:0.75em"><a href="/onTEAM/exit.shtml?'+standorte[i][4]+'" target=link >'+standorte[i][4]+'</a></div>');
}



function Markers(typ)
{
/*
  myMap.closeInfoWindow();
  if (document.getElementById(typ).checked==false) // hide the marker
  {
    for (var i=0;i<gmarkers.length;i++)
    {
      if (gmarkers[i].type==typ)
      {
        myMap.removeOverlay(gmarkers[i]);
      }
    }
  }
  else // show the marker again
  {
    for (var i=0;i<gmarkers.length;i++)
    {
      if (gmarkers[i].type==typ)
      {
        myMap.addOverlay(gmarkers[i]);
      }
    }
  }
*/
}
//]]>