var globalFunctions = {
	openedInfoWindow : null,
	allResults : {},
	numRows: 500,
	fitxaMapa: "fitxaMapaPlaUrbanistic",
	fitxaTemplate: "templates.plaUrbanistic",
	customIconsMapTemplate : "",
	url: "//opendata.amb.cat:443/api/pla_urbanistic_pro",
	start: 0,
	icon : "/css/img/ico_gmaps.png",
	bounds : null,
	/*
	 * Renders data in a google maps, and returns an array of markers
	 */
	renderData : function (data,map, useBounds) {
		if(!data) return;
		//Mirem si té una template personalitzada per mostrar les icones dins el mapa
		if(this.customIconsMapTemplate) {
			this.customIconsMapTemplate = eval(templates[""]());
		}

		var openedInfoWindow = null;
		results = data.items;
		total = data.count;
		globalFunctions.start = data.start;

		/*
		* Total rendered over tag totals
		*/
		var totals= document.getElementById("totals");
		var tmplTotals = templates.totals(data);
		totals.innerHTML=tmplTotals;
        
    	var resultats =document.getElementById("resultats");

        var resultMerged = templates.resultatsPlaUrbanistic(data);
		resultats.innerHTML= resultMerged;
      	//Per poder executar el javascript que hi ha en les templates de resultats
      	for(var script_ in resultats.getElementsByTagName("script")){
      		eval(resultats.getElementsByTagName("script")[script_].innerHTML);
      	}
		
		var _markers = [];
		var z;

		this.bounds = new google.maps.LatLngBounds();

        $("#searchResults").on("click", ".vcard .fn .url", function(e) {
			GBox.open($(e.target).attr("id").replace("resultat",""));
		});
		$(".gbox .closegbox").on("click", function(e) { GBox.close(e);});

		var geolocationFields = "geolocalitzacio";
		
		for(var i=0,z=total; i<z; i++) {
			if (!results[i] || !geolocationFields) continue;
            
            if (results[i]){
                this.allResults[results[i]._id] = results[i];
                var geolocationFields = this.getGeolocationFields(results[i], "geolocalitzacio");
                var folders_geo = "geolocalitzacio".split(".");
                
                if(folders_geo.length > 0) {
                	var singleResult = JSON.parse(JSON.stringify(results[i]));
                	this.getGeosearchInArrays(folders_geo, 0, results[i], results[i], _markers, map, useBounds, singleResult);
                }
                
            }

			if (useBounds) map.fitBounds(this.bounds);
		}
		/*
		 * Returning array of markers
		 */
		return _markers
	},

	paintMarker: function(_titol,_latlng, _resultId,_map,htmlFitxa,icon_marker_) {
		var marker = new google.maps.Marker({
			position: _latlng,
			icon : icon_marker_,
			map: _map,
			title : _titol
		});
		var inf=[];
		inf = "<div class=\"infowindow-no-scroll-bar\">" + htmlFitxa;
		
		if("plaUrbanistic" != "false") {
			inf += "<p class=\"fn\"><a class=\"url\" onclick=\"GBox.open('"+_resultId+"');\" href=\"#\" id=\""+_resultId+"\">M&eacute;s informaci&oacute;</a></p></div>";
		}		
		var infowindow = new google.maps.InfoWindow({
			content : inf
		});
		var aux = _resultId;
		google.maps.event.addListener(marker, 'click', function() {
			//Si hi ha una bombolla oberta la tanquem
			if (globalFunctions.openedInfoWindow != null) {
				globalFunctions.openedInfoWindow.close();
				$("#searchResults ul li").removeAttr("style");
			}
			globalFunctions.openedInfoWindow = infowindow;
			_map.setCenter(marker.getPosition());
			infowindow.open(_map,marker);
			_map.setZoom(17);
			$("#li_"+aux).css('background-color','#bfb9bb');
			var pag = window.location;
			pag.hash="";
			//window.location=""+pag.href.replace("#","")+"#li_"+aux;
			//console.log(pag+"#li_"+aux);
		});
		google.maps.event.addListener(infowindow, 'closeclick', function() {
			$("#li_"+aux).css('background-color','#FFFFFF');
		});
		/*
		 * Per poder executar javascript dins dels infowindows s'ha de capturar l'element "script" del seu html i executar-lo
		 * un cop estigui carregat. Aixo ho fem mitjançant el listener "domready".
		 */
		google.maps.event.addListener(infowindow,'domready',function(){
			var dummyElement = $($("<div></div>").html(infowindow.content)).find("script");
			if(dummyElement && dummyElement.length > 0){
				//Executem l'script
				var _script = dummyElement[0].innerHTML;
				try {
					eval(_script);
				} catch(e){
					alert(e);
				}
			}
    	});
		return marker;
	},

	viewMap: function(index, target) {
		//Si hi ha una bombolla oberta la tanquem
		//if(this.allResults[index].geolocalitzacio && this.allResults[index].geolocalitzacio.length>1){
			var lat=target.attributes["data-lat"].value;
			var lng=target.attributes["data-lon"].value;
			if(!this.isInCircle(lat,lng)){
				this.allResults[index].marker[lat+"_"+lng].setVisible(true);
			}
			console.log("****** "+index+" || "+lat+" "+lng);
			google.maps.event.trigger(this.allResults[index].marker[lat+"_"+lng], 'click');
		//} else {
			//google.maps.event.trigger(this.allResults[index].marker, 'click');
		//}
        //updateUrl();
	},
	/*renderAdvancedSearch: function(objName){
		var obj= document.getElementById(objName);
         var avancada = templates.({});
          obj.innerHTML=avancada;
	},*/
	renderHighlights: function(objId) {
		var obj = document.getElementById(objId);
		//Si la plantilla de destacats no esta configurada pintem l'html per defecte
		if(obj && "destacatsGeneric") {
			var tmpl = eval("templates.destacatsGeneric({})");
			obj.innerHTML = tmpl;
		}
	},
	isInCircle : function(pointLat, pointLng){
		if(labDT.circle){
			var centerLat = labDT.circle.getCenter().lat();
			var centerLng = labDT.circle.getCenter().lng();
			var maxDist = labDT.circle.radius;

			var latlngCenter = new google.maps.LatLng(centerLat,centerLng);
			var latlngPoint = new google.maps.LatLng(pointLat,pointLng);

			var Dist = google.maps.geometry.spherical.computeDistanceBetween(latlngCenter, latlngPoint);

			return (Dist<maxDist);
		} else {
			return false;
		}
	},
	createMarker : function(titol,latlng,id,map,htmlFitxa,icon_marker_){
		var marker=marker = this.paintMarker(titol,
			latlng,
			id,
			map,htmlFitxa,icon_marker_);

		return marker;
	},
	isGeoOk : function(geo){
		var isGeoOK = false;
    	if (geo){
    		var lat = geo[1];
    		var lon = geo[0];
    		if(!lat || !lon){
    			isGeoOK = false;
    		} else {
    			isGeoOK = true;
    		}
		} else {
			isGeoOK = false;
		}
	    return isGeoOK;
	},

	getGeolocationFields: function(result, path) {
	    var fields = path.split(".");
	    var geolocationInfo = [];

	    this.parseGeolocationFields(result, fields, geolocationInfo, 0);
	    if(geolocationInfo.length <= 0) return false;
	    return geolocationInfo;
	},

	parseGeolocationFields: function(result, fields, geolocationInfo, pos) {
	    
	    //Mirem si es l'últim node
	    if(fields.length == (pos + 1)){
	        if(Array.isArray(result[fields[pos]])) {
	            //Afegim el seu valor als punts georeferenciats
	            for(var n = 0; n<result[fields[pos]].length; n++){
	                if(Array.isArray(result[fields[pos]][n])){
	                    var point = [];
	                    if(result[fields[pos]][n][0]) point[0] = result[fields[pos]][n][0];
	                    if(result[fields[pos]][n][1]) point[1] = result[fields[pos]][n][1];
	                    geolocationInfo.push(point);
	                }
	            }
	        }
	    //Si no és l'últim node el seguim buscant
	    } else {
	        if(Array.isArray(result) || typeof(result) === "object") {
	            pos++;
	            for (var key in result) {
	                if (Array.isArray(result[key])){
	                    for(var i=0; i<result[key].length; i++){
	                        this.parseGeolocationFields(result[key][i], fields, geolocationInfo, pos);
	                    }
	                } else if(typeof(result[key]) === "object") {
	                    this.parseGeolocationFields(result[key], fields, geolocationInfo, pos);
	                }
	            }
	        }
	    }
	},

	getIconMarker: function(result, geolocationFields, geolocationPos) {
		if(this.customIconsMapTemplate){
			var customIconMarker = eval(templates[this.customIconsMapTemplate]());
			customIconMarker.getIcon(result, geolocationFields, geolocationPos);
		}
		
	},

	getGeosearchInArrays: function(folders, pos, obj, result, markers, map, useBounds, singleResult) {
		if(!singleResult) singleResult = {};
		var current_path = folders[pos];
		var unique_folder = "singleResult";
		for(var f = 0; f < pos; f++) {
			unique_folder += ".";
			unique_folder += folders[f]; 
		}
				
		if(folders.length == pos +1 ) {
			eval(unique_folder)[folders[pos]] = [];
			if(!result.marker) result.marker = {};
			for (var geo_ in obj[current_path]){
				if(obj[current_path][geo_] instanceof Array){
					eval(unique_folder)[folders[pos]].push(obj[current_path][geo_]);
					var isOK =  this.isGeoOk(obj[current_path][geo_]);
					var lat,lng =null;
					try{
						lat = obj[current_path][geo_][1];
						lng = obj[current_path][geo_][0];
					} catch(e){
					
					}
				    if (isOK && lat && lng){

						//TODO is in circle ? - exports.isInCircle
						var _latlng = new google.maps.LatLng(lat,lng)

                        var htmlFitxa = templates[globalFunctions.fitxaMapa](singleResult);
						
						//Personalització de la marca
						var icon_marker_ = false;
						//si te definits icones per algun camp
						if(this.customIconsMapTemplate != "") {
							icon_marker_ = this.customIconsMapTemplate.getIcon(result, singleResult, geo_);
						}
						//si no el trobem en al map (o no estigui definit) mirem si te icona per defecte
						if (!icon_marker_ && fieldsDefinition.icon) {
							icon_marker_ = fieldsDefinition.icon;
						}
						//si no el que hi hagi. 
						if  (!icon_marker_) {
							icon_marker_ = this.icon;
						}
						
						var _m = _m=this.createMarker(result.titol,_latlng,result._id,map,htmlFitxa,icon_marker_);

						if(!useBounds && !this.isInCircle(lat,lng)) _m.setVisible(false);

						markers.push(_m);

						result.marker[lat+"_"+lng] = _m;
						if (useBounds) this.bounds.extend(_latlng);
					}
					
				}
			}
		}else {
			var newPosition = pos +1;
			eval(unique_folder)[folders[pos]] = {};
			if(obj[current_path] instanceof Array) {	
				for(var i = 0; i< obj[current_path].length; i++) {
					eval(unique_folder)[folders[pos]] = JSON.parse(JSON.stringify(obj[current_path][i]));
					this.getGeosearchInArrays (folders, newPosition, obj[current_path][i], result, markers, map, useBounds, singleResult);
				}
			} else {
				eval(unique_folder)[folders[pos]] = JSON.parse(JSON.stringify(obj[current_path]));
				this.getGeosearchInArrays (folders, newPosition, obj[current_path], result, markers, map, useBounds, singleResult);
			}
		}

	}

}