var map;
var lat=new Array();
var lng=new Array();
var html1=new Array();
var html2=new Array();
var tab1=new Array();
var tab2=new Array();
var url=new Array();
var marker=new Array();

function amaga_mapa_pop()
{
	 document.getElementById("background").style.display = "none";
	 document.getElementById("map_big").style.display = "none";
	 document.getElementById("close_map").style.display = "none";
}

function mostra_mapa_pop(idioma,id,xml)
{
	document.getElementById("background").style.display = "block";
	document.getElementById("close_map").style.top=Math.round(200+document.documentElement.scrollTop)+'px';
	//alert('close_map-top='+document.getElementById("close_map").style.top);
	document.getElementById("close_map").style.display = "block";
	document.getElementById("map_big").style.display = "block";
	view_mapa_pop(idioma,id,xml);
}

function view_mapa_pop(idioma,id,xml)
{
 	if (GBrowserIsCompatible()) {
 		var map = new GMap2(document.getElementById(id));
		var bounds = new GLatLngBounds();
 		map.addControl(new GSmallMapControl());
 		//map.addControl(new GMapTypeControl());
 		//posicion
 		if(xml == undefined) xml="apartments_xml";
		GDownloadUrl("/"+idioma+"/"+xml, function(data, responseCode)
		{
 			var xml = GXml.parse(data);
 			var markers = xml.documentElement.getElementsByTagName("marker");
 			for (var i = 0; i < markers.length; i++)
 			{
	 		// var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
 				lng[i]=parseFloat(markers[i].getAttribute("lat")); // latitud
 				lat[i]=parseFloat(markers[i].getAttribute("lng")); // longitud
 				tab1[i]=GXml.value(markers[i].getElementsByTagName("infowindow_title")[0]);
 				tab2[i]=GXml.value(markers[i].getElementsByTagName("infowindow2_title")[0]);
 				html1[i]=GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
 				html2[i]=GXml.value(markers[i].getElementsByTagName("infowindow2")[0]);
 				url[i]=GXml.value(markers[i].getElementsByTagName("url")[0]);
 			}
 			for (var i = 0; i < markers.length; i++)
 			{
 			//GEvent.addListener(marker[i], "click", function(){ marker[i]=openInfoWindowTabsHtml(infoTabs);} );//crearmarker(i,infoTabs));//crearmarker(i,infoTabs));
 			//GEvent.addListener(marker[i], "click", function(){ alert("ola"); } );
 				var point = new GLatLng(lat[i],lng[i]);
 				if(i==0) { map.setCenter(point, 1);}
	 			bounds.extend(point);
 				var marker = createMarker(point,tab1[i],tab2[i],html1[i],html2[i],url[i]);
 				map.addOverlay(marker);
		 	}

 			GEvent.addListener(map, "infowindowopen", function()
			{
				var divs = map.getContainer().getElementsByTagName("div");
 					var height = divs[i].style.height;
 					var width = divs[i].style.width;
 					if(width=="20px"&&height=="24px") {
 						var newLabel = divs[i].innerHTML;
 						var newText = '<a href="javascript://" class="tabestil">' + newLabel + '</a>';
 						divs[i].innerHTML = newText;
	 			}
	 		});
 			map.setCenter(bounds.getCenter());
 			map.setZoom(map.getBoundsZoomLevel(bounds));
			map.zoomOut();map.zoomOut();map.zoomOut();map.zoomOut();

 		});
 	}
}

function createMarker(point,tab1,tab2,html1,html2,url)
{
 var icon = new GIcon();
 icon.image = "../images/image_google.png";
 /*icon.shadow = "../images/shadow_google.png";*/
 icon.iconSize = new GSize(16, 27);
 /*icon.shadowSize = new GSize(22, 20);*/
 icon.iconAnchor = new GPoint(6, 20);
 icon.infoWindowAnchor = new GPoint(5, 1);
 var marker = new GMarker(point,icon);
 GEvent.addListener(marker, "click", function(){ 
	location.href="/"+url;
 } );
 /*GEvent.addListener(marker, "click", function()
 {
 var infoTabs = [
 new GInfoWindowTab(tab1, html1),
 new GInfoWindowTab(tab2, html2)
 ];
 marker.openInfoWindowTabsHtml(infoTabs);
 });*/
 return marker;
}