// JavaScript Document

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

function muestrapronostico(nombreciudad)
{
	if (ciudadmostrada == nombreciudad) return;
	var indice = -1;
	var x = 0;
	for (x = 0; x < ciudad.length; x++) // busca la posición dentro del arreglo de la ciudad
		{
		if ( ciudad[x] == nombreciudad) indice = x;
		}
	if (indice<0) // la ciudad no fue encontrada o ya se esta viendo
		{ return; }
	var label = "Pron&oacute;stico para "+ciudad[indice].replace(/&apos;/,"'");
	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;
	label +=":&nbsp;";
	while (x < icono.length)
	{
		var temp = tempnx[x].split("/");
		label += "<span class=\"wf_fecha\"> " + fecha[x] + ", </span>";
		if ( icono[x] == 'vacio.gif' ) {
			label += "<span> Sin Informaci&oacute;n </span>";
			}
		else
			{
			if ( temp[0] != '' )
				{
				label += "<span class=\"wf_min\"> min. " + temp[0] + "&deg;C -</span>";
				}
			label += "<span class=\"wf_max\"> max. " + temp[1] + "&deg;C</span>,&nbsp;<img src='http://www.elnaveghable.cl/i/turismo/imagenes/wf/" + icono[x] + "' border=0>&nbsp;<span class=\"wf_pronostico\"> " + pronostico[x] + "</span>&nbsp;|&nbsp;";
			}
		x++;
	}

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

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';
//myDiv += '<a href="#"  onmouseover="javascript:muestratabla(\''+nombreciudad+'\');" ><img src="iconos/'+icono[0]+'" width="52" height="52" border=0 alt="'+nombreciudad+'"></a>\n';
myDiv += '<img src="iconos/'+icono[0]+'" width="52" height="52" border=0 alt="" onmouseover="javascript:muestratabla(\''+nombreciudad+'\');">\n';
myDiv += '</div>';
document.write(myDiv);
}