function myclick(i) { gmarkers[i].openInfoWindowHtml(htmls[i]);
map.setZoom(15); } //mostramos ventana de info al clickar en una marca
function resalta(marca){ document.getElementById(marca).style.color="#EA5122";}
function resaltaMrk(i){ resalta("linkMarca"+i); gmarkers[i].setImage("imatges/icono2.png"); }
function noresalta(marca){  document.getElementById(marca).style.color="#0497BA";}
function noresaltaMrk(i){ noresalta("linkMarca"+i); gmarkers[i].setImage("imatges/icono.png"); }
function iconoPrincipal()
{
	//Creamos el icon por defecto//
	icono = new GIcon();
	icono.image = "imatges/icono.png";
	icono.shadow = "imatges/sombra.png";
	icono.iconSize = new GSize(40, 40);
	icono.shadowSize = new GSize(40, 40);
	icono.iconAnchor = new GPoint(5, 40);
	icono.infoWindowAnchor = new GPoint(15, 1);
	return icono;
}
//// funcion que crea cada marca y activa el evento correspondiente ///////		
function addMarca(point,name,html,icono)
{
	//html+=" <br>I="+i; //identificador
	var marker = new GMarker(point,{draggable: false,title: name,icon:icono});
	var idLinkMarca="linkMarca"+i;
	
	GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html);}); //al hacer click sobre la marca muestra la ventana de información
	GEvent.addListener(marker, "mouseover", function()
	{	 	resalta(idLinkMarca); 
			//obtenemos coordenadas
			pos=marker.getPoint(); 
			divLat.innerHTML=pos.lat(); 
			divLong.innerHTML=pos.lng(); 
			//resaltamos icono
			marker.setImage("imatges/icono2.png");
	
	});
	GEvent.addListener(marker, "mouseout", function()
	{		noresalta(idLinkMarca);	
			marker.setImage("imatges/icono.png");		
	});
	
	// guardamos la marca en las variables
	     	gmarkers[i] = marker;
			htmls[i] = html;
	// añadimos el enlace para esta marca
			zonaEnlaces.innerHTML += '<a id="'+idLinkMarca+'" onmouseout="noresaltaMrk('+i+')" onmouseover="resaltaMrk('+i+')" href="javascript:myclick('+i+')">'+name+'</a><br>';
			//	zonaEnlaces.innerHTML +='<option id="'+idLinkMarca+'" onmouseout="noresaltaMrk('+i+')" onmouseover="resaltaMrk('+i+')" value='javascript:myclick('+i+')'>'+name+'</option>';

	// incrementamos contador de marcas	
			i++;
	// crea el punto sobre el mapa (addOverlay)	
			map.addOverlay(marker);
}