/*
		*	INIT
		*
		**/

		var map;		// global reference to GMap2 Object

		var marker = [];
		
		var filterOptions = [{title: "Alle objecten", rel: "all"},{title: "B.O.G.", rel: "bog"},{title: "Huurwoningen", rel: "huur"},{title: "Koopwoningen", rel: "koop"}];

		var markerImage = ["../../images/layout/marker.png","../../images/layout/marker_default.png"];

		/*
		*	function addFilterOption()
		*	Voegt filter opties dynamisch toe, hangt functionaliteit eraan vast
		*
		**/

		function addFilterOption(title,rel) {
			
			var option = "<li class=\"" + rel + "\"><a href=\"#" + rel + "\" title=\"" + title + "\" rel=\"" + rel + "\" onclick=\"filterObjects('" + rel + "');\"><span>" + title + "</span></a></li>";
			
			$("#gmap-filter-options ul").append(option);
		
		}
		
		function filterObjects(filter) {

			$("#gmap-filter-options ul li").removeClass("active");	
			
			$("#gmap-filter-options ul li[class='" + filter + "']").addClass("active"); 

			for(var i = 0; i < marker.length; i++) {
		
				filter != 'all' ? (marker[i].label == filter ? marker[i].setImage(markerImage[0]) : marker[i].setImage(markerImage[1])) : marker[i].setImage(markerImage[0]);	
			
			}
			
		}

		function objectsMap(sMapType, objectList) {

			if (GBrowserIsCompatible()) {
				
				map = new GMap2(document.getElementById("map_canvas"));
				
				map.setCenter(new GLatLng(0,0),0); 	// default init
				
				var bounds = new GLatLngBounds();
				
				sMapType == 'single' ? map.addControl(new GSmallMapControl()) : map.addControl(new GLargeMapControl());
				
				map.addControl(new GMapTypeControl());
				
				map.addControl(new GScaleControl(256));
		
				for(var i = 0; i < objectList.length; i++) {
		
					var point = new GLatLng(parseFloat(objectList[i].lat), parseFloat(objectList[i].lon))
					
					var html = '<img src="' + objectList[i].thumb + '" style="float:left;margin-right:6px;"><b>' + objectList[i].title + '</b><br />' + objectList[i].price + '<br />' + (sMapType == 'multiple' ? '<a href="' + objectList[i].url + '">Bekijk dit object</a>' : '');
					
					var type = 	objectList[i].type;
					
					createMarker(i,point,html,type);
					
					bounds.extend(point);

				}
				
				// calculate zoom and centering on marker(s)
				map.setZoom(map.getBoundsZoomLevel(bounds));  
				
				map.setCenter(bounds.getCenter());
								
				for(var n=0;n<filterOptions.length;n++) {
					
					addFilterOption(filterOptions[n].title, filterOptions[n].rel);
				
				}
				
				$("#gmap-filter-options ul li[class='all']").addClass("active");
	
			}
		}


		function createMarker(i,point,html,type) {
			
			marker[i] = new GMarker(point,html);
			
			// for filter option
			marker[i].label = type;
			
			map.addOverlay(marker[i]);
			
			GEvent.addListener(marker[i],"click", function() {
														 
				marker[i].openInfoWindowHtml(html);
				
			});
		
			GEvent.addListener(marker[i],'mouseover',function(){		
			
				// alert(marker[i].label);
			
			});

		}