var map;
var proj4326 = new OpenLayers.Projection("EPSG:4326");
var projmerc = new OpenLayers.Projection("EPSG:900913");
var markers;

function init(){
    map = new OpenLayers.Map("map", {
		controls: [
			new OpenLayers.Control.Navigation(),
	                new OpenLayers.Control.MousePosition(),
			new OpenLayers.Control.PanZoom(),
			new OpenLayers.Control.Attribution()
	        ],
		maxExtent:
	             new OpenLayers.Bounds(-20037508.34,-20037508.34,
	                                    20037508.34, 20037508.34),
		numZoomLevels: 18,
		maxResolution: 156543,
		units: 'm',
		projection: projmerc,
		displayProjection: proj4326
	} );

        var mapnik_layer = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
        map.addLayers([mapnik_layer]);
        markers = new OpenLayers.Layer.Markers("Markers");
        map.addLayer(markers);
 }


 function addMarker2(photo,title,lon,lat)
 {
media_icon = 'http://images.vesseltracker.com/images/googlemaps/icon_photo.png';
//markers.clearMarkers();
var m_icon = new OpenLayers.Icon(media_icon, new OpenLayers.Size(22,22));
var ll = new OpenLayers.LonLat(lon,lat).transform(proj4326,projmerc);
var m_feature = new OpenLayers.Feature(markers, ll,{icon:m_icon});
var size = new OpenLayers.Size(100, 100);
m_feature.popupClass = OpenLayers.Class(OpenLayers.Popup.FramedCloud, {'autoSize': false, 'panMapIfOutOfView': false, 'minSize': size });
m_feature.data.overflow = "hidden";
m_feature.data.popupContentHTML = "<b>"+title+"</b><br><img src='http://www.elbebilder.de/photos/klein/"+photo+"'/>";
var m_marker = m_feature.createMarker();
var feature_mouseover = function (ev)
{       
if (this.popup == null)
{       
this.popup = this.createPopup();
map.addPopup(this.popup);
}       
else    
{
this.popup.toggle();
}
}
var feature_mouseout = function (ev)
{
this.popup.toggle();
}
m_marker.events.register("mouseover", m_feature, feature_mouseover);
m_marker.events.register("mouseout", m_feature, feature_mouseout);
markers.addMarker(m_marker);

 }


function initMap()
{
  map = new OpenLayers.Map("map",{
                 controls:[
		   new OpenLayers.Control.Navigation(),
		   new OpenLayers.Control.MousePosition(),
		   new OpenLayers.Control.PanZoom(),
		   new OpenLayers.Control.Attribution
		   ],
		   maxExtend: new OpenLayers.Bounds(-20037508.34,-20037508.34,
                                                   20037508.34, 20037508.34),
		   numZoomLevels:18,
		   maxResolution: 156543,
		   units: 'm',
		   projection: projmerc,
		   displayProjection: proj4326
		   });
	var mapnik_layer = new OpenLayers.Layer.OSM.Mapnik("Mapnikk");
	markers          = new OpenLayers.Layer.Markers("icons");
	map.addLayers([mapnik_layer,markers]);
	ll = new OpenLayers.LonLat(9.0,53.76);
        map.setCenter(ll.transform(proj4326, projmerc),9);
	addMarker2('m-MART0224.JPG','Wasserboot im Eis',         9.86258,53.5464);
	addMarker2('m-MART0319.JPG','Winterstimmung',            9.92752, 53.54253);
	addMarker2('m-MART0821.JPG','Was guckst du?',            7.91713, 54.18848);
	addMarker2('m-MART0964.JPG','Heuler',                    7.87773, 54.18771);
	addMarker2('m-MART0980.JPG','Basstölpel',                7.872437, 54.186731);
	addMarker2('m-PA232173.JPG','Leuchtturm',                7.882324, 54.181622);
	addMarker2('m-MART2946.JPG','Pagensand Nord',            9.47682, 53.7201);
	addMarker2('m-MART5898.JPG','Düne Süd',                  7.914022, 54.18227);
	addMarker2('m-P9271680.JPG','Tunnelblick',               9.966511, 53.542595);
	addMarker2('m-MART1009.JPG','Neuenschleuse',             9.66558,  53.55067);
	addMarker2('m-MART0931.JPG','Protest',                   9.664141, 53.551416);
	addMarker2('m-MART0929.JPG','Äpfel ohne Ende',           9.66369, 53.551939);
	addMarker2('m-MART1019.JPG','ODAS',                      9.66457,53.56269);
	addMarker2('m-MART0954.JPG','Unterfeuer Somfletherwisch',9.63984, 53.56956);
	addMarker2('m-MART0969.JPG','Mielstack',                 9.64182, 53.56818);
	addMarker2('m-MART0982.JPG','Oberfeuer Somfletherwisch', 9.64959, 53.56349);
	addMarker2('m-MART1098.JPG','Smuttje',                   9.58358, 53.59223);
	addMarker2('m-MART1140.JPG','Containerterminal',         9.93796, 53.50549);
/*	
media_icon = 'http://images.vesseltracker.com/images/googlemaps/icon_photo.png';
markers.clearMarkers();
var m_icon = new OpenLayers.Icon(media_icon, new OpenLayers.Size(22,22));
var ll = new OpenLayers.LonLat(9.86258,53.5464).transform(proj4326,projmerc);
var m_feature = new OpenLayers.Feature(markers, ll,{icon:m_icon});
var size = new OpenLayers.Size(100, 100);
m_feature.popupClass = OpenLayers.Class(OpenLayers.Popup.FramedCloud, {'autoSize': false, 'panMapIfOutOfView': false, 'minSize': size });
m_feature.data.overflow = "hidden";
m_feature.data.popupContentHTML = "<img src='http://www.elbebilder.de/photos/klein/m-MART0224.JPG'/>";
var m_marker = m_feature.createMarker();
var feature_mouseover = function (ev)
{
if (this.popup == null)
{
this.popup = this.createPopup();
map.addPopup(this.popup);
}
else
{
this.popup.toggle();
}
}
var feature_mouseout = function (ev)
{
this.popup.toggle();
}
m_marker.events.register("mouseover", m_feature, feature_mouseover);
m_marker.events.register("mouseout", m_feature, feature_mouseout);
markers.addMarker(m_marker);
*/


}



 function addMarker(lon,lat)
 {
    var mlonlat = new OpenLayers.LonLat(lon,lat);
        var size = new OpenLayers.Size(32, 32);
        var offset = new OpenLayers.Pixel(-22, -30);
        //var icon = new OpenLayers.Icon('http://www.fred-around-the-world.de/img/icons/fred.png', size, offset);
        //var marker = new OpenLayers.Marker(mlonlat.transform(proj4326, projmerc), icon);
        var marker = new OpenLayers.Marker(mlonlat.transform(proj4326, projmerc));
        markers.addMarker(marker);
	map.setCenter(mlonlat,13);

 }