map.addLayer (new OpenLayers.Layer.PopupMarker("Gipfel", {

		createHtmlFromData: function (data) {
			return "<p>"+this.html(data.name)+" ist mit "+data.ele+" Metern H&#246;he "+
				this.html(data.country)+"s h&#246;chster Berg";
		},

		createTooltipFromData: function (data) {
			return this.html(data.name + ' (' + data.ele + 'm)');
		},

		maxTooltipWidth: 220,

		createIconFromData: function (data) {
			return new OpenLayers.Icon ("i/"+data.cc+"_30x30.png", {w:30,h:30});
		},

		location: "gipfel.csv"
	} ));

       function onPopupClose(evt) {selectControl.unselect(this.feature);}
        
        function onFeatureSelect(evt) {
    
          feature = evt.feature;
          popup = new OpenLayers.Popup.FramedCloud("featurePopup",
                                feature.geometry.getBounds().getCenterLonLat(),
                                new OpenLayers.Size(100,100),
                               "<h2>"+feature.attributes.title + "</h2> " +
                               feature.attributes.markerID,
                               null, true, onPopupClose);
          feature.popup = popup;
          popup.feature = feature;
          map.addPopup(popup);
          position=new OpenLayers.LonLat(feature.geometry.x,feature.geometry.y);
          marker.move(position);
          position.transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326"));
          document.getElementById("letztemarkerid").innerHTML=feature.attributes.markerID;
		  document.getElementById("letztemarkertitle").innerHTML=feature.attributes.title;
          document.getElementById("letztemarkerposlon").innerHTML=position.lon;
          document.getElementById("letztemarkerposlat").innerHTML=position.lat;
         
        }

        function onFeatureUnselect(evt) {
         feature = evt.feature;
         if (feature.popup) {
          popup.feature = null;
          map.removePopup(feature.popup);
          feature.popup.destroy();
          feature.popup = null;
         }
        }

  gpsmarkelayer.events.on({'featureselected': onFeatureSelect,'featureunselected': onFeatureUnselect});
            selectControl = new OpenLayers.Control.SelectFeature(gpsmarkelayer);
            map.addControl(selectControl);
            selectControl.activate();

function init() {
    map = new OpenLayers.Map('map', {
        projection: 'EPSG:3857',
        layers: [
            new OpenLayers.Layer.Google(
                "Google Streets", // the default
                {numZoomLevels: 20}
            ),
			new OpenLayers.Layer.Google(
                "Google Physical",
                {type: google.maps.MapTypeId.TERRAIN}
            ),
          ],
	  	
        center: new OpenLayers.LonLat(12.6, 53.5)
            .transform('EPSG:4326', 'EPSG:3857'),
        zoom: 7
    });
	
	map.addControl(layer_switcher);   
        layer_switcher.maximizeControl();          
	  
		  
	//GPS aus SQL
	    map.addControl(new OpenLayers.Control.LayerSwitcher());
    		 var gpsmarkerlayer = new OpenLayers.Layer.Vector("<?echo "GPS: ".$sumgps;?>",
                { strategies: [new OpenLayers.Strategy.Fixed()],
                  protocol: new OpenLayers.Protocol.HTTP({
                   url: "gps.txt",format: new OpenLayers.Format.Text()
                  }),
                  projection: new OpenLayers.Projection("EPSG:4326")
                });
		   map.addLayer(gpsmarkerlayer);