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 marker=new Array();


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

function view_mapa_pop(zona)
{
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").style.display = "block";
		
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
		bounds = new GLatLngBounds();
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		//posicion
        //map.setCenter(new GLatLng(0, 0), 2);
		
		GDownloadUrl("/ajax/controller.php?action=xmlcities_zones&zone="+zona, 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")));
			    lat[i]=parseFloat(markers[i].getAttribute("lat")); // latitud
			    lng[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]);
			}
			for (var i = 0; i < markers.length; i++)
			{
				//GEvent.addListener(marker[i], "click", function(){ marker[i]=openInfoWindowTabsHtml(infoTabs);} );//crearmarker(i,infoTabs));//crearmarker(i,infoTabs)); 
				var point = new GLatLng(lat[i],lng[i]);
				if(i==0) { map.setCenter(point, 2, G_NORMAL_MAP);}
				bounds.extend(point);
				var marker = createMarker(point,tab1[i],tab2[i],html1[i],html2[i]);
				map.addOverlay(marker);
			}
			
			GEvent.addListener(map, "infowindowopen", function() 
			{
			var divs = map.getContainer().getElementsByTagName("div");
			for(var i = 0; i<divs.length; i++) {
			var height = divs[i].style.height;
			var width = divs[i].style.width;
			if(width=="103px"&&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));
			
		});
      }  
}

function createMarker(point,tab1,tab2,html1,html2) 
{
  var icon = new GIcon();
  icon.image = "http://www.ipsojobs.com/images/image_google.png";
  icon.shadow = "http://www.ipsojobs.com/images/shadow_google.png";
  icon.iconSize = new GSize(12, 20);
  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() 
    {
	var infoTabs = [
	  new GInfoWindowTab(tab1, html1),
	  new GInfoWindowTab(tab2, html2)
	];
	marker.openInfoWindowTabsHtml(infoTabs);
    });
    return marker;
}

//DESPLEGAR SUBMENÚS OPCIONS CIUTAT I IDIOMA	
function initPage()
{
  var navRoot = document.getElementById("selectors");
  if (navRoot!=null)
  {
	var lis = navRoot.getElementsByTagName("li");
	for (var i=0; i<lis.length; i++)
	{
	  if (lis[i].parentNode.id == "selectors")
	  {
		lis[i].onmouseover = function()
		{
		  this.className = "hover";
		}
		lis[i].onmouseout = function()
		{
		  this.className = "";
		}
	  }
	}
  }
}