var ciudad = ciudades.split("|");
var haytabla = false;
var ciudadmostrada = "";

function muestratabla(nombreciudad)
{
	if (ciudadmostrada == nombreciudad) return;  // la ciudad ya se esta viendo
	var indice = -1;
	var x = 0;
	for (x = 0; x < ciudad.length; x++) // busca la posicion dentro del arreglo de la ciudad
		{
		if ( ciudad[x] == nombreciudad) 
		        {
		        indice = x;
		        break;
		        }
		}
	
	if (indice<0) return; // la ciudad no fue encontrada y sale de la funcion
	
	var label = "<span style='font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #12287B; font-size: 18px;'>" + ciudad[indice] + "</span></font><br>";
	label += "<table width='400' border='1' bgcolor='#ffffff' cellspacing='1' cellpadding='4' bordercolor='#98C5EF'>";
	var icono = iconos[ciudad[indice]].split("|");
	var pronostico = pronosticos[ciudad[indice]].split("|");
	var tempnx = temperaturas[ciudad[indice]].split("|");
	var fecha = fechas[ciudad[indice]].split("|");
	var x = 0;
	while (x < icono.length)
	{
		var temp = tempnx[x].split("/");
		label += "<tr><td width=70><span style='font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;'>" + fecha[x] + "</span></td>";
		if ( icono[x] == 'vacio.gif' ) {
			label += "<td colspan='3'><span style='font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 22px;'>Sin Informaci&oacute;n</span></td></tr>";
			}
		else
			{
			label += "<td width=65 align=center nowrap><font size='1' face='verdana'>";
			if ( temp[0] != '' )
				{
				label += "<span style='font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #6600FF; font-size: 12px;'>min. " + temp[0] + "&deg;C</span><br>";
				}
			label += "<span style='font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #FF3300; font-size: 12px;'>max. " + temp[1] + "&deg;C</span></td><td width=40><img width=45 src='iconosmeteo/" + icono[x].replace(/.gif/,".png") + "' border=0></td><td><span style='font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;'>" + pronostico[x] + "</span></td></tr>";
			}
		x++;
	}
	label += "</table><center><span style='color:#12287B; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10px;'>" + redaccion + "</span></center>";

	haytabla = true;
	ciudadmostrada = nombreciudad;
	return overlib(label,FGCOLOR,'#98C5EF',VAUTO,HAUTO,WIDTH,250);
}

function no_mostrar()
{
        nd();
        haytabla = false;
        ciudadmostrada = "";
}

function poneicono(nombreDiv,posleft,postop,nombreciudad)
{
        var indice = -1;
        var x = 0;
        for (x = 0; x < ciudad.length; x++)
	        {
	        if ( ciudad[x] == nombreciudad) indice = x;
	        }
        if (indice<0) return;
        var icono = iconos[nombreciudad].split("|");
        var myDiv = '<div id="'+nombreDiv+'" style="position:absolute; left: '+posleft+'; top: '+postop+'; visibility:visible; z-index:'+((indice+1)*10)+';">\n';
        nombreciudad = nombreciudad.replace(/&ntilde;/g,"&#38;ntilde&#59;").replace(/&aacute;/g,"&#38;aacute&#59;").replace(/&eacute;/g,"&#38;eacute&#59;").replace(/&iacute;/g,"&#38;iacute&#59;").replace(/&oacute;/g,"&#38;oacute&#59;").replace(/&uacute;/g,"&#38;uacute&#59;").replace(/&apos;/g,"&#38;apos&#59;").replace(/&uuml;/g,"&#38;uuml&#59;");
        myDiv += '<img src="iconosmeteo/'+icono[0].replace(/.gif/,".png")+'" width="45" height="45" border=0 alt="" onmouseover="javascript:muestratabla(\''+nombreciudad+'\');">\n';
        myDiv += '</div>';
        document.write(myDiv);
}