var startlat=51.365691;
var startlng=10.451526;
var startzoom=5;
var map;

var platzmarker=new Array();
var infowindow;
var contentString="";
var markerpic;
var marker=new Array();
function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: startlat, lng: startlng},
          zoom: startzoom,
          minZoom:5,
          maxZoom:16,
    });
    markerpic = new google.maps.MarkerImage('/pics/platzneu.png',
          new google.maps.Size(25, 25),
          new google.maps.Point(0,0),
          new google.maps.Point(12,12)
    );
    marker[5]= new google.maps.MarkerImage('/pics/marker9.png', new google.maps.Size( 9, 9),new google.maps.Point(0,0),new google.maps.Point( 9, 9));
    marker[6]= new google.maps.MarkerImage('/pics/marker9.png', new google.maps.Size( 9, 9),new google.maps.Point(0,0),new google.maps.Point( 9, 9));
    marker[7]= new google.maps.MarkerImage('/pics/marker11.png',new google.maps.Size(11,11),new google.maps.Point(0,0),new google.maps.Point(11,11));
    marker[8]= new google.maps.MarkerImage('/pics/marker11.png',new google.maps.Size(11,11),new google.maps.Point(0,0),new google.maps.Point(11,11));
    marker[9]= new google.maps.MarkerImage('/pics/marker13.png',new google.maps.Size(13,13),new google.maps.Point(0,0),new google.maps.Point(13,13));
    marker[10]=new google.maps.MarkerImage('/pics/marker13.png',new google.maps.Size(13,13),new google.maps.Point(0,0),new google.maps.Point(13,13));
    marker[11]=new google.maps.MarkerImage('/pics/marker15.png',new google.maps.Size(15,15),new google.maps.Point(0,0),new google.maps.Point(15,15));
    marker[12]=new google.maps.MarkerImage('/pics/marker15.png',new google.maps.Size(15,15),new google.maps.Point(0,0),new google.maps.Point(15,15));
    marker[13]=new google.maps.MarkerImage('/pics/marker17.png',new google.maps.Size(17,17),new google.maps.Point(0,0),new google.maps.Point(17,17));
    marker[14]=new google.maps.MarkerImage('/pics/marker17.png',new google.maps.Size(17,17),new google.maps.Point(0,0),new google.maps.Point(17,17));
    marker[15]=new google.maps.MarkerImage('/pics/marker19.png',new google.maps.Size(19,19),new google.maps.Point(0,0),new google.maps.Point(19,19));
    marker[16]=new google.maps.MarkerImage('/pics/marker19.png',new google.maps.Size(19,19),new google.maps.Point(0,0),new google.maps.Point(19,19));
    
    infowindow = new google.maps.InfoWindow({content: ''});
    google.maps.event.addListener(map, 'dragend', ladeplaetze);
    google.maps.event.addListener(map, 'zoom_changed', ladeplaetze);
    ladeplaetze();
}
function ladeplaetze() {
 var zoom=map.getZoom();
 if (zoom<5 || zoom>16) {return;}
 markerpic=marker[zoom];
 clearmarker();
 platzmarker[43] = new google.maps.Marker({position: {lat: 54.40440706407451, lng: 11.178985834121704},map: map,icon: markerpic,title: ""});
 platzmarker[43].addListener("click", function() {gen_infowindow("1887","43")});
 platzmarker[51] = new google.maps.Marker({position: {lat: 50.685133, lng: 6.470260000000053},map: map,icon: markerpic,title: ""});
 platzmarker[51].addListener("click", function() {gen_infowindow("1893","51")});
 platzmarker[59] = new google.maps.Marker({position: {lat: 54.11313789670343, lng: 11.630809307098389},map: map,icon: markerpic,title: ""});
 platzmarker[59].addListener("click", function() {gen_infowindow("1870","59")});
 platzmarker[64] = new google.maps.Marker({position: {lat: 54.48769085175292, lng: 11.018085479736328},map: map,icon: markerpic,title: ""});
 platzmarker[64].addListener("click", function() {gen_infowindow("2255","64")});
 platzmarker[88] = new google.maps.Marker({position: {lat: 47.64714717654511, lng: 13.039140701293945},map: map,icon: markerpic,title: ""});
 platzmarker[88].addListener("click", function() {gen_infowindow("2346","88")});
 platzmarker[98] = new google.maps.Marker({position: {lat: 54.15124340741647, lng: 11.71944851422495},map: map,icon: markerpic,title: ""});
 platzmarker[98].addListener("click", function() {gen_infowindow("2330","98")});
 platzmarker[131] = new google.maps.Marker({position: {lat: 50.78039, lng: 7.798530000000028},map: map,icon: markerpic,title: ""});
 platzmarker[131].addListener("click", function() {gen_infowindow("1978","131")});
 platzmarker[140] = new google.maps.Marker({position: {lat: 53.92978400122127, lng: 11.270910501480103},map: map,icon: markerpic,title: ""});
 platzmarker[140].addListener("click", function() {gen_infowindow("2278","140")});
 platzmarker[152] = new google.maps.Marker({position: {lat: 49.958847514716254, lng: 6.4238691329956055},map: map,icon: markerpic,title: ""});
 platzmarker[152].addListener("click", function() {gen_infowindow("1792","152")});
 platzmarker[158] = new google.maps.Marker({position: {lat: 51.87127842023198, lng: 8.672249150000008},map: map,icon: markerpic,title: ""});
 platzmarker[158].addListener("click", function() {gen_infowindow("2987","158")});
 platzmarker[159] = new google.maps.Marker({position: {lat: 53.283997907856865, lng: 13.431129455566406},map: map,icon: markerpic,title: ""});
 platzmarker[159].addListener("click", function() {gen_infowindow("2373","159")});
 platzmarker[167] = new google.maps.Marker({position: {lat: 47.842121161269915, lng: 8.936594724655151},map: map,icon: markerpic,title: ""});
 platzmarker[167].addListener("click", function() {gen_infowindow("2400","167")});
 platzmarker[189] = new google.maps.Marker({position: {lat: 48.41786573915844, lng: 13.127857446670532},map: map,icon: markerpic,title: ""});
 platzmarker[189].addListener("click", function() {gen_infowindow("2442","189")});
 platzmarker[194] = new google.maps.Marker({position: {lat: 48.43532, lng: 13.10916999999995},map: map,icon: markerpic,title: ""});
 platzmarker[194].addListener("click", function() {gen_infowindow("2454","194")});
 platzmarker[235] = new google.maps.Marker({position: {lat: 50.82448563183537, lng: 10.608915056622322},map: map,icon: markerpic,title: ""});
 platzmarker[235].addListener("click", function() {gen_infowindow("2565","235")});
 platzmarker[236] = new google.maps.Marker({position: {lat: 49.81202001879978, lng: 6.43137999999999},map: map,icon: markerpic,title: ""});
 platzmarker[236].addListener("click", function() {gen_infowindow("2566","236")});
 platzmarker[242] = new google.maps.Marker({position: {lat: 52.18664572046292, lng: 9.059702599999975},map: map,icon: markerpic,title: ""});
 platzmarker[242].addListener("click", function() {gen_infowindow("2575","242")});
 platzmarker[246] = new google.maps.Marker({position: {lat: 51.687725086884384, lng: 12.799893250787363},map: map,icon: markerpic,title: ""});
 platzmarker[246].addListener("click", function() {gen_infowindow("2579","246")});
 platzmarker[247] = new google.maps.Marker({position: {lat: 51.06777411965805, lng: 7.382460400000014},map: map,icon: markerpic,title: ""});
 platzmarker[247].addListener("click", function() {gen_infowindow("2580","247")});
 platzmarker[260] = new google.maps.Marker({position: {lat: 53.02413718767446, lng: 9.859425144982879},map: map,icon: markerpic,title: ""});
 platzmarker[260].addListener("click", function() {gen_infowindow("2636","260")});
 platzmarker[290] = new google.maps.Marker({position: {lat: 53.17387002120747, lng: 7.419060000000011},map: map,icon: markerpic,title: ""});
 platzmarker[290].addListener("click", function() {gen_infowindow("2983","290")});
}
function clearmarker() {
 for (i=0; i<platzmarker.length; i++) {
  if (platzmarker[i]) {
   platzmarker[i].setMap(null);
  }
 }
 platzmarker=new Array();
}
function gen_infowindow(campid,nr) {
 infowindow.setContent(campid);
 infowindow.open(map, platzmarker[nr]);
 var request = $.ajax({
  method: "GET",
  url: "platzinfo.html.php?c="+campid,
  dataType: "html"
 });

 request.done(function( msg ) {
   infowindow.setContent(msg);
   infowindow.open(map, platzmarker[nr]);  
 });
 
 request.fail(function( jqXHR, textStatus ) {
  alert( "Request failed: " + textStatus );
   infowindow.setContent("Fehler: "+textStatus);
   infowindow.open(map, platzmarker[nr]);
 }); 
 
}
//initMap()