var ciudad = ciudades.split("|");
var haytabla = false;
var ciudadmostrada = "";

function muestratabla(nombreciudad)
{
	//alert(ciudad[1]);
	//alert(ciudad.length);
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 (nombreciudad == 'Concepcion') indice=1;
	if (nombreciudad == 'Chillan') indice=0;	
	
	if (indice<0) return; // la ciudad no fue encontrada y sale de la funcion
	
	var label = "<font size='+1' color='#ffffff'><b>" + ciudad[indice].replace(/&apos;/,"'") + "</b></font><br><table width=400 border=1 bgcolor=#ffffff cellspacing=0 bordercolor=#02AD8C>";
	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><font size='1' face='verdana' color=#000000>" + fecha[x] + "</font></td>";
		if ( icono[x] == 'vacio.gif' ) {
			label += "<td colspan='3'><font size='1' face='verdana'  color=#000000>Sin Informaci&oacute;n</font></td></tr>";
			}
		else
			{
			label += "<td width=65 align=center nowrap><font size='1' face='verdana'>";
			if ( temp[0] != '' )
				{
				label += "<font color='#6600FF'>min. " + temp[0] + "ºC</font><br>";
				}
			label += "<font color='#FF3300'>max. " + temp[1] + "ºC</font></font></td><td width=40><img src='includes/clima/" + icono[x].replace(/.gif/,".png") + "' border=0></td><td><font size='1' face='verdana'  color=#000000>" + pronostico[x] + "</font></td></tr>";
			}
		x++;
	}
	label += "</table><center><span style='color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px;'>" + redaccion + "<br/>\n<b>Fuente: Dirección Meteorológica de Chile</b> (www.meteochile.cl)</span></center>";

	haytabla = true;
	ciudadmostrada = nombreciudad;
	return overlib(label,FGCOLOR,'#003399',VAUTO,HAUTO,WIDTH,250);
	//alert(label);
}

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';
//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].replace(/.gif/,".png")+'" width="45" border=0 alt="" onmouseover="javascript:muestratabla(\''+nombreciudad+'\');">\n';
myDiv += '</div>';
document.write(myDiv);
}

function ponemonito(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 tempe = temperaturas[nombreciudad].split("|");
var tempa = tempe[0].split("/");
var myDiv = '';
//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="includes/clima/'+icono[0].replace(/.gif/,".png")+'" border=0>\n<br/>Max: '+tempa[1]+'ºC';
//myDiv += '</div>';
document.write(myDiv);
}

