/* Mikkel Bjerregård, 2009 */
var map;

var iconDive = new GIcon(); 
iconDive.image = 'images/dive.png';
iconDive.iconSize = new GSize(12,12);
iconDive.iconAnchor = new GPoint(6, 6);
iconDive.infoWindowAnchor = new GPoint(10, 2);

function initialize_map() {
  if (GBrowserIsCompatible()) {
    //Map setup:
    map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(56.25, 11.5), 7);
        map.addControl(new GLargeMapControl3D(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,32)));
    new GKeyboardHandler(map);

    map.addControl(new GScaleControl());
    map.enableContinuousZoom();
    map.enableScrollWheelZoom();
    
    
    //Show info window. Todo: HTML
    //map.openInfoWindow(new GLatLng(56.11493571902952,14.501953125), document.createTextNode("Velkommen til Dykkersted.dk"));
    
    //Create markers:
    var gmarkers = [];
    
    function createMarker(point,html,icon) {
      var marker = new GMarker(point, icon);
      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
      });
    GEvent.addListener(marker, "dblclick", function() {
        map.setCenter(point,14);
    });
      gmarkers.push(marker);
      return marker;
    }


    GDownloadUrl("xml/mapdata.php?s=&ids=", function(doc) {
      var xmlDoc = GXml.parse(doc);
      var markers = xmlDoc.documentElement.getElementsByTagName("marker");
        
      for (var i = 0; i < markers.length; i++) {
        // obtain the attribues of each marker
        var lat = parseFloat(markers[i].getAttribute("lat"));
        var lng = parseFloat(markers[i].getAttribute("lng"));
        var point = new GLatLng(lat,lng);
        //var html = markers[i].getAttribute("html");
        var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
        // create the marker
        var marker = createMarker(point,html,iconDive);
        map.addOverlay(marker);
      }
    });
  }
}

//New:
function adddive() {
	var point = map.getCenter();
	var dmarker = new GMarker(point, {draggable: true});	
	var InfoWindowHtml = "<span style='font: 12px Verdana;'><b>Tilf&oslash;j dykkersted</b> <font size='1'>(1/2)</font><br>";
	InfoWindowHtml = InfoWindowHtml + "Placer denne boble p&aring; dykkerstedet ved at <br>klikke og tr&aelig;kke.<br>";
	InfoWindowHtml = InfoWindowHtml + "<p style='margin:10px;'><b>TIP:</b> Skift til <a href='javascript:map.setMapType(G_HYBRID_MAP);'>satellit-visning</a> for at kunne finde <br>stedet pr&aelig;cist - husk ogs&aring; at <a href='javascript:map.zoomIn();'>zoome ind</a>.</p>";
	InfoWindowHtml = InfoWindowHtml + "N&aring;r du er tilfreds med placeringen, s&aring; <a href='javascript:openAddDive();'>klik her<br>for at forts&aelig;tte</a>.</font>";

	GEvent.addListener(dmarker, "dragstart", function() {
		map.closeInfoWindow();
	});
	GEvent.addListener(dmarker, "dragend", function() {
		dmarker.openInfoWindowHtml(InfoWindowHtml);
		var point = dmarker.getLatLng()
		document.getElementById("new_lat").value = point.lat();
		document.getElementById("new_lng").value = point.lng();
	});
        
	GEvent.addListener(dmarker, "click", function() {
		dmarker.openInfoWindowHtml(InfoWindowHtml);
	});
	
	map.addOverlay(dmarker);
	
	dmarker.openInfoWindowHtml(InfoWindowHtml);
}