function goSize(x){
//iH='<link type=text/css rel=stylesheet href=img/bar/bar.css>'
iH='<p class=title><b>'+data[x]['station']+'</b> weather</p>';
iH+='<p class=tabs><span class=bar><a href=javascript:summary('+x+')>home</a></span>';
iH+='<span class=bar id=baro><a href=javascript:wxGraph(\'baro\','+x+')>pressione</a></span>';
iH+='<span class=bar id=rain><a href=javascript:wxGraph(\'rain\','+x+')>pioggia</a></span>';
iH+='<span class=bar id=temp><a href=javascript:wxGraph(\'temp\','+x+')>temperatura</a></span>';
iH+='<span class=bar id=wind><a href=javascript:wxGraph(\'wind\','+x+')>vento</a></span>';
iH+='<span class=bar id=windstar><a href=javascript:wxGraph(\'windstar\','+x+')>direzione vento</a></span>';
iH+='<span class=bar id=windstar><a href=http://utenti.linkomm.net/php/aprs/google_earth.php?'
iH+='lat='+data[x]['lat']+'&lon='+data[x]['lon']+'>G-earth</a></span>';
iH+=' <br><span id=ore2>... per <input type=text id=ore value=24> ore</span>'
iH+='<div id=barContent></bar>';

$('bar').innerHTML=iH;
summary(x)
}

function wxGraph(what,x){
$('ore2').style.display='block';
//aH='<img src=http://www.findu.com/cgi-bin/'+what+'.cgi?call='+data[x]['station'];
//alert (aH);
iH='<img src=http://www.findu.com/cgi-bin/'+what+'.cgi?call='+data[x]['station'].replace(/\s+$/,"")+'&last='+$('ore').value+'&units=metric>';
//alert(iH)
$('barContent').innerHTML=iH;
}

function summary(x){
$('ore2').style.display='none'
iH='<table>'
iH+='<tr><td class=label>temperatura </td><td class=label> umidità</td></tr>';
celsius=(((data[x]['tempf'])-32)*(5/9)).toFixed(1)
iH+='<tr>';
iH+='<td>'+lcdfy(celsius)+'<img src="img/bar/c.png"></td>';
iH+='<td>'+lcdfy(Math.floor(data[x]['hum']))+'<img src="img/bar/perc.png"></td>';
iH+='</tr>';
iH+='<tr><td class=label>vento km/h</td><td class=label>direzione</td></tr>';
iH+='<tr>';
iH+='<td>'+lcdfy(data[x]['wind'])+'</td>';
iH+='<td class=wind>'+wind(data[x]['dir'])+'</td>';
iH+='</tr>';
iH+='<tr><td class=label>pioggia, 1h</td><td class=label>pioggia, 24h</td></tr>';
iH+='<tr><td>'+lcdfy(data[x]['rain1'])+'</td><td>'+lcdfy(data[x]['rain24'])+'</td></tr>';
iH+='<tr><td class=label>pressione</td><td class=label>rilevazione</td></tr>';
iH+='<tr><td>'+lcdfy(data[x]['bar'])+'</td><td>'+showTime(data[x]['time'])+'</td></tr>';
iH+='</table>'
$('barContent').innerHTML=iH;
}


function showTime(tx){
	tx=tx.toString();
	d=tx.substr(8,2)+'/'+tx.substr(5,2)+'/'+tx.substr(0,4)+ '<br>'
	d+=tx.substr(11,2)+':'+tx.substr(14,2)+':'+tx.substr(17,2)
		return d;
}

function wind(dir){
	return '<img src=img/bar/wind_'+dir+'.png>'
}



function lcdfy(st){
	tmp='';
	if(st)  {
	st=(st.toString())
	chars=st.split('')	
		for (k=0;k<=chars.length;k++){
			if(chars[k]) {
				if(chars[k]=='.') tmp+='<img src=img/bar/dot.png>\n';
				else tmp+='<img src=img/bar/'+chars[k]+'.png>\n';
			}
		}
	}
	return tmp;
}