// variables
var map;
var htmls=new Array();
var tabs=new Array();
var markers=new Array();
var htmlsp=new Array();
var markersp=new Array();
var markerspactivos=new Array();
var countactivos=0;
for (i=0;i<400;i++) {
	htmls[i]=new Array();
	tabs[i]=new Array();
}


function ocultarLoader() {
	document.getElementById("loading").style.visibility="hidden";	
}

function createMarkerEOI(point,id,title,ext) {
	// create icon
	var icon = new GIcon();
	if (ext==0) {
		icon.image = "http://www.esofid.com/img/logos/logos_map/" + id + ".png";
		icon.shadow = "http://www.esofid.com/img/map/flags.png";
		icon.iconSize = new GSize(48, 50);
		icon.shadowSize = new GSize(48, 50);
		icon.iconAnchor = new GPoint(20, 48);
		icon.infoWindowAnchor = new GPoint(48, 50);
		icon.infoShadowAnchor = new GPoint(48, 50);
		title="EOI " + title;
	}
	else {
		icon.image = "http://www.esofid.com/img/map/mini.png";
        icon.shadow = "http://www.esofid.com/img/map/minis.png";
        icon.iconSize = new GSize(12, 20);
        icon.shadowSize = new GSize(22, 20);
        icon.iconAnchor = new GPoint(12, 20);
        icon.infoWindowAnchor = new GPoint(12, 20);
        icon.infoShadowAnchor = new GPoint(12, 20);	
		title="Aulario de " + title;
	}
	//var point=new GLatLng(parseFloat(lat),parseFloat(lng));
	//alert(point.lat() + " | " + point.lng());		
	var marker=new GMarker(point,{title: title, icon: icon, draggable:true });
	GEvent.addListener(marker, "click", function() 
    {
	var alltabs = [
	  new GInfoWindowTab(tabs[id][0], htmls[id][0]),
	  new GInfoWindowTab(tabs[id][1], htmls[id][1]),
	  new GInfoWindowTab(tabs[id][2], htmls[id][2])
	];
	marker.openInfoWindowTabsHtml(alltabs);
    });
	
	return marker;
}

function createMarkerPubli(point,id,title) {
	// create icon
	var icon = new GIcon();
	icon.image = "http://www.esofid.com/img/map/publi.png";
    icon.shadow = "http://www.esofid.com/img/map/publis.png";
        icon.iconSize = new GSize(16, 16);
        icon.shadowSize = new GSize(30, 16);
        icon.iconAnchor = new GPoint(16, 16);
        icon.infoWindowAnchor = new GPoint(16, 16);
        icon.infoShadowAnchor = new GPoint(16, 16);	

	//var point=new GLatLng(parseFloat(lat),parseFloat(lng));
	//alert(point.lat() + " | " + point.lng());		
	var marker=new GMarker(point,{title: title, icon: icon, draggable:true });
	GEvent.addListener(marker, "click", function() 
    {
	/*var alltabs = [
	  new GInfoWindowTab(tabsp[i][0], htmlsp[i][0]),
	  new GInfoWindowTab(tabsp[i][1], htmlsp[i][1])
	];*/
	marker.openInfoWindowHtml(htmlsp[id]);
    });
	
	return marker;
}





function actualizarMapa() {


	// oculto
	document.getElementById("boton_buscar").value="Buscando...";
	document.getElementById("boton_buscar").disabled=true;
	countactivos=0;
	
	GDownloadUrl("buscador.php?q="+escape(document.getElementById("q").value)+"&referer="+escape(document.getElementById("referer").value), function(data, responseCode) {
		// oculto todas las eois
		map.clearOverlays();
			
		if (data.length>0) {
			// convierto json en objeto
			var obj_json=eval("(" + data + ")");
				
				// creo el marker
				//markers=new Array(obj_json.count);
				//tabs=new Array(obj_json.count);
			var ids=""; //guardara los ids de las eois
			//alert(obj_json.count);
			for (i=0;i<obj_json.eois.length;i++) {
			
				if (obj_json.eois[i]["ext_eoi"]==0) ids=ids + obj_json.eois[i]["id_eoi"] + ","
				var point=new GLatLng(obj_json.eois[i]["lat_eoi"],obj_json.eois[i]["lon_eoi"]);	
					
					
					
					tabs[obj_json.eois[i]["id_eoi"]][0]="EOI";
					htmls[obj_json.eois[i]["id_eoi"]][0]="<iframe src='tab1infowindow.php?id=" + obj_json.eois[i]["id_eoi"] + "' frameborder='0' width='300' height='150'></iframe><div style='text-align:right; font-size:75%; margin-top:5px;'><a href='webmasters.php?id=" + obj_json.eois[i]["id_eoi"] + "#callejero' target='_blank' style='color:#009900; text-decoration:none;'>[ A&ntilde;adir a tu web ]</a>&nbsp;&nbsp;<a href='errores.php?id=" + obj_json.eois[i]["id_eoi"] + "' target='_blank' style='color:#FF0000; text-decoration:none;'>[ Comunicar error ]</a></div>";
					tabs[obj_json.eois[i]["id_eoi"]][1]="Servicios";
					htmls[obj_json.eois[i]["id_eoi"]][1]="<iframe src='tab3infowindow.php?id=" + obj_json.eois[i]["id_eoi"] + "' frameborder='0' width='300' height='150'></iframe><div style='text-align:right; font-size:75%; margin-top:5px;'><a href='webmasters.php?id=" + obj_json.eois[i]["id_eoi"] + "#callejero' target='_blank' style='color:#009900; text-decoration:none;'>[ A&ntilde;adir a tu web ]</a>&nbsp;&nbsp;<a href='errores.php?id=" + obj_json.eois[i]["id_eoi"] + "' target='_blank' style='color:#FF0000; text-decoration:none;'>[ Comunicar error ]</a></div>";
					tabs[obj_json.eois[i]["id_eoi"]][2]="Publicidad";
					htmls[obj_json.eois[i]["id_eoi"]][2]="<iframe src='tab5infowindow.php?id=" + obj_json.eois[i]["id_eoi"] + "' frameborder='0' width='300' height='150'></iframe><div style='text-align:right; font-size:75%; margin-top:5px;'><a href='webmasters.php?id=" + obj_json.eois[i]["id_eoi"] + "#callejero' target='_blank' style='color:#009900; text-decoration:none;'>[ A&ntilde;adir a tu web ]</a>&nbsp;&nbsp;<a href='errores.php?id=" + obj_json.eois[i]["id_eoi"] + "' target='_blank' style='color:#FF0000; text-decoration:none;'>[ Comunicar error ]</a></div>";
					
					markers[obj_json.eois[i]["id_eoi"]]=createMarkerEOI(point,obj_json.eois[i]["id_eoi"],obj_json.eois[i]["name_eoi"],obj_json.eois[i]["ext_eoi"]);
					map.addOverlay(markers[obj_json.eois[i]["id_eoi"]]);
					if (obj_json.eois[i]["ext_eoi"]!=0) markers[obj_json.eois[i]["id_eoi"]].hide();
					
				}
				
			// publicidad
			for (i=0;i<obj_json.publi.length;i++) {
			
				var pointp=new GLatLng(obj_json.publi[i]["lat_publi"],obj_json.publi[i]["lon_publi"]);	
				//tabsp[i][0]="Publicidad";
				htmlsp[obj_json.publi[i]["id_publi"]]="<iframe src='tab4infowindow.php?id=" + obj_json.publi[i]["id_publi"] + "' frameborder='0' width='100%' height='150'></iframe>";
				//tabsp[i][1]="Servicios";
				//htmlsp[i][1]="adios";
					
				markersp[obj_json.publi[i]["id_publi"]]=createMarkerPubli(pointp,obj_json.publi[i]["id_publi"],obj_json.publi[i]["name_publi"]);
				map.addOverlay(markersp[obj_json.publi[i]["id_publi"]]);
				markersp[obj_json.publi[i]["id_publi"]].hide();
				markerspactivos[countactivos]=obj_json.publi[i]["id_publi"];
				countactivos++;
			}
				
				document.getElementById("frameizquierda").src="izquierda.php?ids=" + ids + "&contenido=" + obj_json.contenido;
				
				// lo muevo a donde estan los resultados (lo devuelve busqueda.php)
				var punton = new GLatLng(obj_json.latitud,obj_json.longitud);
				//alert(activas[0] + " ///  " + activas[1]);
				map.setCenter(punton);//alert("zoomeando " + activas[2] + ".");
				map.setZoom(parseInt(obj_json.zoom));
				//map.addOverlay(createMarker(punton,"1","2","fdsfds","fdsa",50,0));
				//alert(obj_json.count);
				
				//window.setTimeout("ocultarLoader();",500);
			}
			else document.getElementById("frameizquierda").src="izquierda.php?ids=0&contenido=" + obj_json.contenido;

		document.getElementById("boton_buscar").value="Buscar";
		document.getElementById("boton_buscar").disabled=false;
		document.getElementById("referer").value="normal";

			
		});
}