var url = "http://www.vandegiesen.nl/";
var domain = url;
var map;
var markersCache = new Array();
var zoombuttons;
var categoryid;

/*
function show_results(data,responsecode) {
	document.getElementById('results').innerHTML=data;
}
*/

function update_content(p) {
	if(p==null) {
		var p=0;
	}
	markersCache = new Array();
	var bounds = map.getBounds();
	var zoom = map.getZoom();
	
	var lat = map.getCenter().lat(); 
	var lng = map.getCenter().lng();
		
	var pointSWLat = bounds.getSouthWest().lat();
	var pointSWLon = bounds.getSouthWest().lng();
	var pointNELat = bounds.getNorthEast().lat();
	var pointNELon = bounds.getNorthEast().lng();

	GDownloadUrl(url+"kml.php?pointSWLat="+pointSWLat+"&pointSWLon="+pointSWLon+"&pointNELat="+pointNELat+"&pointNELon="+pointNELon+"&zoom="+zoom, put_markers);
}



function put_markers(data, responseCode) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("Placemark");
	  
	  for (var i = 0; i < markers.length; i++) {
			var markerid = markers[i].getElementsByTagName('id')[0].firstChild.nodeValue;
			var type = markers[i].getElementsByTagName('type')[0].firstChild.nodeValue;
			var exist = false;
			for(j=0;j<markersCache.length;j++) {
				if(markersCache[j]==markerid) {
					exist = true;
				}
			}
			
			if(exist==false) {
				if (type == '2') {
					icon = icon2;	
				} else if (type == '3') {
					icon = icon3;	
				} else if (type == '4') {
					icon = icon4;	
				} else {
					icon = icon1;	
				}
				put_marker(markers[i], icon);
				markersCache[markersCache.length]=markerid
			}
	  }
}

function put_marker(node, icon) {
	var arrCoords = node.getElementsByTagName('Point')[0].getElementsByTagName('coordinates')[0].firstChild.nodeValue;
	var id = node.getElementsByTagName('id')[0].firstChild.nodeValue;
	arrCoords = arrCoords.split(',');
	
	var floatLat = parseFloat(arrCoords[0]);
	var floatLng = parseFloat(arrCoords[1]);
	
	var point = new GLatLng(floatLat,floatLng);
	
	var marker = new GMarker(point,icon ? icon : icon1)
	map.addOverlay(marker);
	
	GEvent.addListener(
		marker,
		"click",
		function() {
			document.location='huis.php?id='+id;
		}
	);
}

function put_single_marker(loc, icon) {
	var marker = new GMarker(loc, icon ? icon : icon1);
	map.addOverlay(marker);
}

var icon1; // KOOP
var icon2; // HUUR
var icon3; // BOG
var icon4; // HORECA

function loadMaps(loc, update, type) {
	map = new GMap2(document.getElementById("google_maps"));
	zoombuttons = new GLargeMapControl();
	map.addControl(zoombuttons);
	map.addControl(new GMapTypeControl());
	map.setCenter(loc, 14);
	map.setMapType(G_HYBRID_MAP);
	
	var groenhuis = new GIcon();
	groenhuis.iconSize=new GSize(28,27);
	groenhuis.iconAnchor=new GPoint(14,13);
	groenhuis.infoWindowAnchor=new GPoint(15,0);
	icon1 = new GIcon(groenhuis, url+"images/icon_groen.png");
	
	var roodhuis = new GIcon();
	roodhuis.iconSize=new GSize(28,27);
	roodhuis.iconAnchor=new GPoint(14,13);
	roodhuis.infoWindowAnchor=new GPoint(15,0);
	icon2 = new GIcon(roodhuis, url+"images/icon_rood.png");
	
	var blauwhuis = new GIcon();
	blauwhuis.iconSize=new GSize(28,27);
	blauwhuis.iconAnchor=new GPoint(14,13);
	blauwhuis.infoWindowAnchor=new GPoint(15,0);
	icon3 = new GIcon(groenhuis, url+"images/icon_blauw.png");
	
	var geelhuis = new GIcon();
	geelhuis.iconSize=new GSize(28,27);
	geelhuis.iconAnchor=new GPoint(14,13);
	geelhuis.infoWindowAnchor=new GPoint(15,0);
	icon4 = new GIcon(geelhuis, url+"images/icon_geel.png");
	
	if (update == true) {	
		GEvent.addListener(map, "dragend", function() {
			// get the contents of this window
			update_content();
		});
		
		GEvent.addListener(map, "zoomend", function() {
			update_content();
		});
		
		update_content();
	} else {
		if (type == 2) {
			icon = icon2;
		} else if (type == 3) {
			icon = icon3;
		} else if (type == 4) { 
			icon = icon4;
		} else {
			icon = icon1;
		}
		put_single_marker(loc, icon);
	}
}

function tomap(lat, lng, second) {
	close360();
	toImage('google_maps'); 
	map.setCenter(new GLatLng(lat, lng), 14); 
	map.checkResize(); 	
	if (!second) {
		tomap(lat, lng, true);
	}
}