var map = null;
var geocoder = null;

function initialize (lat, lng, zoom) {

	if (GBrowserIsCompatible()) {

		map = new GMap2(document.getElementById("map_canvas"), {draggableCursor: 'crosshair', draggingCursor: 'pointer'});

		map.setCenter(new GLatLng(lat, lng), zoom);
		map.setUIToDefault();
		
		//map.addControl(new GOverviewMapControl());

	}
}

function set_area_polygon () {

	url = "http://www.spotcaravanstalling.nl/include/kml/area_polygon.php";
	
	exml = new GeoXml("exml", map, url, {nozoom:true, clickablepolys:true});
	
	GEvent.addListener(exml, "parsed", function() {
		
		var poly = exml.polygons[exml.polygons.length-1];
		
		if (poly) {
			for (var pg = 0; pg < poly.length; pg++) {
				
				var mark = exml.overlayman.markers[poly[pg]];
				GEvent.clearInstanceListeners(mark);
			}
		}
	});

	exml.parse();

}

function set_company_markers () {
	
	url = "http://www.spotcaravanstalling.nl/include/kml/company_markers.php";
	
	GDownloadUrl(url, function(data, responseCode) {
		
		var xml = GXml.parse(data);
		var markers = xml.documentElement.getElementsByTagName("marker");
		
		for (var i = 0; i < markers.length; i++) {
				
			setMarker (markers[i].getAttribute("lat"), markers[i].getAttribute("lng"), markers[i].getAttribute("cname"), markers[i].getAttribute("ciname"), markers[i].getAttribute("link"));
			
		}
	});
}

function showAddress(address) {

	if (geocoder) {
		geocoder.getLatLng(
		address,
		function(point) {

			var total = document.getElementById("total");
			total.value++;

			if (!point) {

				var bug = document.getElementById("bug");
				bug.value++;

				//alert(address + " not found");
			} else {

				var succes = document.getElementById("succes");
				succes.value++;

				//map.setCenter(point, 13);
				var marker = new GMarker(point);
				map.addOverlay(marker);

				GEvent.addListener(marker, "click", function() {

					marker.openInfoWindowHtml(cname);

				});
			}
		});
	}
}

function setMarker(lat, lng, cname, city_name, link) {

	var tinyIcon = new GIcon(G_DEFAULT_ICON);
	tinyIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
	tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
	tinyIcon.iconSize = new GSize(12, 20);
	tinyIcon.shadowSize = new GSize(22, 20);
	tinyIcon.iconAnchor = new GPoint(6, 20);
	tinyIcon.infoWindowAnchor = new GPoint(5, 1);

	markerOptions = { icon: tinyIcon };

	var point = new GLatLng (lat, lng);
	var marker = new GMarker (point, markerOptions);

	map.addOverlay(marker);

	GEvent.addListener(marker, 'click', function() {

		var html_code = '<table><tr><td>' + cname + '<br />' + city_name + '<br /><a href="' + link + '">Lees meer</a></td></tr></table>';

		marker.openInfoWindowHtml (html_code);

	});
}