/*
 * Map-Bulider for hannoverliebe.de
 *
*/


		  var markers = [];
		  var infowindow;
		  var map;
		  var defaultFlag = 'elements/map/hlp_flag.png';
		  //var image = 'elements/kiosk-guide_flag.png';

		/* Load data */
		function getMapData(cb) {
		    $.ajax({
		      url: "js/data/data.js",
		      //url: "http://kioskguide-hannover.de/Webservice/HannoverLiebe/kioske.php",
		      success: function(data){
		        cb(null, eval(data));
		      },
		      error: function(){
		        cb(true)
		      }
		    });
		  };

		/* initialize the map */
		function initialize() {

		    // Init map

			  var myOptions = {
			      zoom: 13,
			      center: new google.maps.LatLng(52.342773, 9.737256),
			      disableDefaultUI: true,
			      zoomControl: true,
				
				//draggable: false,
				//scrollwheel: false,
			
			      zoomControlOptions: {
			          style: google.maps.ZoomControlStyle.LARGE,
			          position: google.maps.ControlPosition.RIGHT_TOP
			      },
			      mapTypeId: google.maps.MapTypeId.ROADMAP
			  };

			  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
			
			
			

			  loadMap(); 

			}

		  // Get markers

		  function loadMap (filter) {

		    getMapData(function(er,MapData) {

		      if(er) {
		        console.log('Error loading MapData.');
		      } else {

				    // Iterate trough markers

				    for(i = 0; i < MapData.length; i++) {

				      if(MapData[i].category === filter || !filter ) {

					      var headline = MapData[i].headline;
					      var description = MapData[i].description;
					      var lat = MapData[i].geodata.lat;
					      var lng = MapData[i].geodata.lng;
					      if(MapData[i].media.type === 'video') {
							
							var media ='<iframe src="http://player.vimeo.com/video/' + MapData[i].media.ref +'?title=0&amp;byline=0&amp;portrait=0&amp;color=DA002B" width="480" height="270" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>';
						

					      } else if(MapData[i].media.type === 'image') {
					        var media = "Hier kommen Bilder.";
					      } else {
					        var media = "";
					      }

					      // Create content
					      //var content = '<h3>' + headline + '</h3>' + '<p>' + description + '</p>' + media;

						 var content = media;
						
						
					      // lat / lng 
					      var latlng = new google.maps.LatLng(parseFloat(lat), parseFloat(lng));

					      var marker = createMarker(content, latlng, MapData[i].customFlag);
							
							
							
					      markers.push(marker);

				      };

				    };

		      };

		    });

		  };

		  // Marker auf der Map positionieren
		  function createMarker(content, latlng, customFlag) {

		    if(!customFlag) {
		      var marker = new google.maps.Marker({position: latlng, map: map, icon: defaultFlag});
		    } else {
		      var marker = new google.maps.Marker({position: latlng, map: map, icon: customFlag});
		    }

		    google.maps.event.addListener(marker, "click", function() {
		    if (infowindow) infowindow.close();
		      infowindow = new google.maps.InfoWindow({content: content});
		      infowindow.open(map, marker);
		    });

		    return marker;

		  };

		  filterMarkers = function(filter) {

		    clearAllMarkers();
		    if(filter) { 
			    loadMap(filter);
			  } else {
			    loadMap()
			  }
		  };

		  clearAllMarkers = function()  {

		    for (var i = 0;i<markers.length; i++) {
		      markers[i].setMap(null);
		    }

		    markers = [];

		  };