// google maps js api

function initialize() {
  
  
  // todo: wenn undefiniert, zeige ganz deutschland
  
  if (typeof gg_zoom=="undefined") { gg_zoom=10; };
  if (typeof gg_lat=="undefined") { gg_lat=50.9455061; };
  if (typeof gg_lon=="undefined") { gg_lon=6.9587828; };

  var myOptions = {
    zoom: gg_zoom,
    center: new google.maps.LatLng(gg_lat, gg_lon),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  setMarkers(map);
}

function setMarkers(map) {
  // Add markers to the map
  
  // Origins, anchor positions and coordinates of the marker
  var image_en = encodeURI("http://www.messe-hotels-bremen.de/bilder/layout/marker.png");
  var image = new google.maps.MarkerImage(image_en,
      // size
      new google.maps.Size(16, 16),
      // origin
      new google.maps.Point(0,0),
      // anchor
      new google.maps.Point(8, 8));
	  
	  // shadow
  var shadow_en = encodeURI("http://www.messe-hotels-bremen.de/bilder/layout/marker-shadow.png");
  var shadow = new google.maps.MarkerImage(shadow_en,
      
      new google.maps.Size(35, 35),
      new google.maps.Point(0,0),
      new google.maps.Point(8,8));
	  
      // Shapes define the clickable region of the icon.
  var shape = {
      coord: [1, 1, 1, 20, 18, 20, 18 , 1],
      type: "poly"
  };
  
  for (var i = 0; i < adrArray.length; i++) {
    /*
    var myLatLng = new google.maps.LatLng(pointArray[i][0], pointArray[i][1]);
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        shadow: shadow,
        icon: image,
        shape: shape,
        title: adrArray[i],
        zIndex: i
    });
	*/
	
	var createMarker = new createBubble(textArray[i],map,pointArray[i][0], pointArray[i][1], shadow, image, shape,adrArray[i] , i);
  }
}

function createBubble(bubbleText, map, lat, lng, shadow, image, shape, adr, i) {
	
	  var bubbleText = "<div style='color:#000000'>"+bubbleText+"</div>";
	  // var adr = "<div style='color:#000000'>"+adr+"</div>";
	  
    var myLatLng = new google.maps.LatLng(lat, lng);
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        shadow: shadow,
        icon: image,
        shape: shape,
        title: adr,
        zIndex: i
    });
	
	var infowindow = new google.maps.InfoWindow({
		content: bubbleText
	});

    google.maps.event.addListener(marker, "click", function() {
      infowindow.open(map,marker);
    });
}