window.onload = function() { initialize(); };
window.onunload = function() { GUnload(); };

var map = null; //kaart
var bounds = null;
var activetab = '';
var baseurl = 'http://www.doehits.nl/';
var iconurl = baseurl + 'mapicons/';

function initialize() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("smallmap"));
		map.enableContinuousZoom();
		map.enableScrollWheelZoom();
		map.setCenter(new GLatLng(52.0, 5.0), 6 );
		map.setMapType(G_HYBRID_MAP);
		bounds = new GLatLngBounds();
		GEvent.addListener(map, "click", mapClick);
		//laad de punten op de kaart
		var oids = document.getElementById("oids").value;
		var toplist = 0;
		if (document.getElementById('toplist')) toplist = 1;
		if (oids) {
			GDownloadUrl('xhr.php?act=getplacemarks&ids='+oids+'&toplist='+toplist, function(data, responseCode) {
				eval(data);
				map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
			});
		}
	}
	else {
		alert('Jouw browser is niet geschikt om te gebruiken voor het bewerken van deze objecten!');
	}
} 


function mapClick(overlay, latlng) {
	if (overlay) {
		//iets met overlay
		if (overlay instanceof GMarker) { 
			window.location = overlay.url;
		} 
		else if (overlay instanceof GPolygon) { }
		else if (overlay instanceof GPolyline) { 
			// op een lijn geklikt, 
		} 
	}
	else if (!overlay && latlng) {
		//geklikt op een een punt ergens op de kaart
	}
}

function addPoint(latlng, oid, title, url, icon) {
	var markericon = new GIcon(); //icon voor marker gebaseerd op type
	markericon.image = iconurl + icon;
	markericon.iconSize = new GSize(24,24);
	markericon.iconAnchor = new GPoint(12,24);
				
	locationmarker = new GMarker(latlng, {icon: markericon, title: title});
	locationmarker.url = url;
	locationmarker.oid = oid;

	
	GEvent.addListener(locationmarker, "mouseover", function() {
		document.getElementById('row'+this.oid).style.backgroundColor = '#ffff99';
	});
	GEvent.addListener(locationmarker, "mouseout", function() {
		document.getElementById('row'+this.oid).style.backgroundColor = '#ffffff';
	});
	
	map.addOverlay(locationmarker);
	bounds.extend(latlng); //vergroot area op basis van locatie icons
}