var map = null;
    var geocoder = null;

    function initialize() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
		map.setCenter(new GLatLng(BLOGLAT,BLOGLON), 1);
        geocoder = new GClientGeocoder();
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setMapType(G_NORMAL_MAP);
		
		var yticon = new GIcon();
		yticon.image = "http://www.mytat.com/art/graphics/huis.png";
		yticon.shadow = "http://www.mytat.com/art/graphics/ytshadow.png";
		yticon.iconSize = new GSize(22, 32);
		yticon.shadowSize = new GSize(34, 32);
		yticon.iconAnchor = new GPoint(11, 32);
		yticon.infoWindowAnchor = new GPoint(5, 1);	
		
		markerOptions = { icon:yticon , draggable:true };
		
		GEvent.addListener(map,"click", function(overlay,latlng) {
          if (overlay) {
            // ignore if we click on the info window
            return;
          }
          var tileCoordinate = new GPoint();
          var tilePoint = new GPoint();
          var currentProjection = G_NORMAL_MAP.getProjection();
          tilePoint = currentProjection.fromLatLngToPixel(latlng, map.getZoom());
          tileCoordinate.x = Math.floor(tilePoint.x / 256);
          tileCoordinate.y = Math.floor(tilePoint.y / 256);
		  
		  
		  var marker = new GMarker(latlng,markerOptions);
		  		  document.getElementById('ytlat').value=latlng.lat();
				  document.getElementById('ytlon').value=latlng.lng();
		  
		  GEvent.addListener(marker, "dragstart", function() {
				 map.closeInfoWindow();
				 });
				
				GEvent.addListener(marker, "dragend", function() {
				  currentlat=latlng.lat();
				  currentlon=latlng.lng();
				  document.getElementById('ytlat').value=currentlat;
				  document.getElementById('ytlon').value=currentlon;
				 });
		  map.clearOverlays();
		  map.addOverlay(marker);
		  
        });
		
      }
    }
	 function initialize_2() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
		map.setCenter(new GLatLng(BLOGLAT,BLOGLON), 15);
        geocoder = new GClientGeocoder();
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setMapType(G_NORMAL_MAP);
		
		var yticon = new GIcon();
		yticon.image = "http://www.versie1.com/strumphler/art/graphics/huis.png";
		yticon.shadow = "http://www.versie1.com/strumphler/art/graphics/ytshadow.png";
		yticon.iconSize = new GSize(22, 32);
		yticon.shadowSize = new GSize(34, 32);
		yticon.iconAnchor = new GPoint(11, 32);
		yticon.infoWindowAnchor = new GPoint(5, 1);	
		
		markerOptions = { icon:yticon , draggable:true };
		
		var point = new GLatLng(BLOGLAT,BLOGLON);		  
		var marker = new GMarker(point,markerOptions);
		GEvent.addListener(marker, "dragstart", function() {
				 map.closeInfoWindow();
				 });
					
		GEvent.addListener(marker, "dragend", function(latlng) {
			  currentlat=latlng.lat();
			  currentlon=latlng.lng();
			  document.getElementById('ytlat').value=currentlat;
			  document.getElementById('ytlon').value=currentlon;
			 });
		
		map.clearOverlays();
		map.addOverlay(marker);
		
      }
    }
	
	
	

    function showAddress(address) {
	
		var yticon = new GIcon();
		yticon.image = "http://www.versie1.com/strumphler/art/graphics/huis.png";
		yticon.shadow = "http://www.versie1.com/strumphler/art/graphics/ytshadow.png";
		yticon.iconSize = new GSize(22, 32);
		yticon.shadowSize = new GSize(34, 32);
		yticon.iconAnchor = new GPoint(11, 32);
		yticon.infoWindowAnchor = new GPoint(5, 1);	
		
		markerOptions = { icon:yticon , draggable:true };
      if (geocoder) {
        geocoder.getLatLng(
          address,
          function(point) {
            if (!point) {
              alert("De locatie '" + address + "' kan niet worden gevonden!");
            } else {
              map.setCenter(point, 15);
			  
             marker = new GMarker(point,markerOptions);
			  
			  	GEvent.addListener(marker, "dragstart", function() {
				 map.closeInfoWindow();
				 });
				
				GEvent.addListener(marker, "dragend", function() {
				  currentlat=marker.getPoint().lat();
				  currentlon=marker.getPoint().lng();
				  document.getElementById('ytlat').value=currentlat;
				  document.getElementById('ytlon').value=currentlon;
				  //document.getElementById('locatie').value='geo:lat=' + currentlat + ' geo:lon=' + currentlon;
				  //marker.openInfoWindowHtml("Just bouncing along...");
				 });
				 map.clearOverlays();
                 map.addOverlay(marker);
				  currentlat=marker.getPoint().lat();
				  currentlon=marker.getPoint().lng();
				  document.getElementById('ytlat').value=currentlat;
				  document.getElementById('ytlon').value=currentlon;
            }
          }
        );
      }
    }
	
	 function initializeWW() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("weerwoordmaps"));
		map.setCenter(new GLatLng(52.156589,5.388917), 6);
        geocoder = new GClientGeocoder();
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setMapType(G_SATELLITE_MAP);
		
		
		
		GDownloadUrl("xmlfl/Weerwoord.xml", function(data, responseCode) {
		xml = GXml.parse(data);
		markers = xml.documentElement.getElementsByTagName("marker");
		  
		  for (var i = 0; i < markers.length; i++) {
			var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
									parseFloat(markers[i].getAttribute("lng")));
			map.addOverlay(createMarker(point,i));
		  }
		});
		
	  }
	 }
	 
	 function createMarker(pnt,nr){
		var yticon = new GIcon();
		yticon.image = "http://www.versie1.com/strumphler/art/graphics/huis.png";
		yticon.shadow = "http://www.versie1.com/strumphler/art/graphics/ytshadow.png";
		yticon.iconSize = new GSize(22, 32);
		yticon.shadowSize = new GSize(34, 32);
		yticon.iconAnchor = new GPoint(11, 32);
		yticon.infoWindowAnchor = new GPoint(5, 1);	
		markerOptions = { icon:yticon };
		marker = new GMarker(pnt,markerOptions);
		marker.value=nr;
		
		GEvent.addListener(marker, "click", function() {
		     mks = xml.documentElement.getElementsByTagName("marker");
			 VID=mks[nr].getAttribute("video_id");
			 TTL=mks[nr].getAttribute("titel");
			 playMovie(VID,TTL);
		  });
		
		return marker;
	 }
