/* Code by David N Brown. Copyright 2006. Version 1.01.01 - 12 Feb 2006.

This code is provided free of charge and without warranty of any kind. You use it at
your own risk. You are free to modify the code as you wish but be aware that in doing
so you will not be able to easily upgrade as the author introduces new features and
functions.

This code will not work without the required variables being set first in the calling
html page and the required graphic files being available in the appropriate directory.
Full instructions were provided with this file in its original zip archive.

Please leave this notice intact and unmodified.  */

var mod=1000;
function dohums(tit,id,eid,size,data){
if(size=="large"){ 
tgd="<div id='"+id+"' style='position:relative; width:90px; cursor:pointer;'><img src='dbimages/humidl.gif'></div>";factor=1;bottom=375;
}else{ 
tgd="<div id='"+id+"' style='position:relative; width:90px; cursor:pointer;'><img src='dbimages/humids.gif'></div>";factor=2;bottom=195;} 
eid.parentNode.innerHTML=tgd;eid=document.getElementById(id);
scale=3.6/factor;maxm=100; 
val=parseFloat(data[0]);
t=parseInt(((maxm-val)*scale)+16);b=(bottom-t)+1;
var jg=new jsGraphics(id);
jg.setColor(HumColor || "#A0C4E7");
if(!isNaN(t)){jg.fillRect(50,t,15,b);mo="Current: "+parseFloat(data[0]);}
else mo="Current: Not Available";
if(data[2]){jg.setColor("#FF0000");val=parseFloat(data[2]);t=parseInt(((maxm-val)*scale)+16);if(!isNaN(t))jg.drawLine(43,t,72,t);mo+="<BR>Max Today: "+parseFloat(data[2]);}
if(data[1]){jg.setColor("#0000FF");val=parseFloat(data[1]);t=parseInt(((maxm-val)*scale)+16);if(!isNaN(t))jg.drawLine(43,t,72,t);mo+="<BR>Min Today: "+parseFloat(data[1]);}
if(data[3]){jg.drawImage('dbimages/'+data[3]+'.gif',53,bottom-33,9,29);mo+="<BR>Trend: "+data[3];}
jg.paint();
eid.title="header=["+tit+" (%)] body=["+mo+"] delay=["+mod+"]";}
function dotemps(tit,id,eid,size,data){
if(size=="large"){ 
tgd="<div id='"+id+"' style='position:relative; width:90px; cursor:pointer;'><img src='dbimages/thermol.gif'></div>";factor=1;bottom=375;
}else{ 
tgd="<div id='"+id+"' style='position:relative; width:90px; cursor:pointer;'><img src='dbimages/thermos.gif'></div>";factor=2;bottom=195;} 
eid.parentNode.innerHTML=tgd;eid=document.getElementById(id);
if(tempunits.indexOf("C")>-1){scale=3.6/factor;maxm=60;}else{scale=2/factor;maxm=140;}
valnow=parseFloat(data[0]);
t=parseInt(((maxm-valnow)*scale)+16);b=(bottom-t)+1;l=31;r=60;
var jg=new jsGraphics(id);
jg.setColor(TempColor || "#A0C4E7");
if(!isNaN(t)){jg.fillRect(38,t,15,b);mo="Current: "+valnow;}
else mo="Current: Not Available";
if(data[2]){jg.setColor("#FF0000");val=parseFloat(data[2]);t=parseInt(((maxm-val)*scale)+16);if(!isNaN(t))jg.drawLine(l,t,r,t);mo+="<BR>Max Today: "+val;}
if(data[1]){jg.setColor("#0000FF");val=parseFloat(data[1]);t=parseInt(((maxm-val)*scale)+16);if(!isNaN(t))jg.drawLine(l,t,r,t);mo+="<BR>Min Today: "+val;}
if(data[3]){jg.drawImage('dbimages/'+data[3]+'.gif',41,bottom-33,9,29);mo+="<BR>Trend: "+data[3];}
jg.paint();
eid.title="header=["+tit+" ("+tempunits+")] body=["+mo+"] delay=["+mod+"]";}
function getpixel(midx,midy,speed,degrees,factor){
ret=new Array();x=midx;y=midy;dia=(parseFloat(speed)/factor)*2;point=parseInt(degrees);angle=((90-point)*(2*Math.PI))/360;
xx=parseInt(Math.round(Math.cos(angle)*dia));ret[0]=x+xx;yy=parseInt(Math.round(Math.sin(angle)*dia));ret[1]=y-yy;return(ret);}
function dobar(type){
if(type=="analog"){
abtc=AnalogBaroTextColor;abnc=AnalogBaroNeedleColor;
tgd="<div id='barometer' style='position:relative; width:220px; height:180px; cursor:pointer;'><img src='dbimages/barometer2.gif'></div>";
document.getElementById("barometer").parentNode.innerHTML=tgd;
var jg=new jsGraphics("barometer");
jg.drawImage('dbimages/'+bardata[2]+'.gif',70,97,9,29);val=0;
if(parseFloat(bardata[0])<100) val=Math.ceil(bardata[0]/0.029528750668088)-565;
else val=parseInt(bardata[0])-565;
to=getpixel(110,110,63,val,2);
jg.setColor(abnc || "#990000");jg.setStroke(2);jg.drawLine(110,110,to[0],to[1]);jg.drawEllipse(103,103,14,14);
jg.setColor("#999999");jg.fillEllipse(105,105,12,12);
jg.setFont("verdana","9px",Font.PLAIN);jg.setColor(abtc || "#555555");jg.drawStringRect("Now: "+parseFloat(bardata[0]),60,138,100,"center")
jg.setFont("verdana","9px",Font.PLAIN);jg.setColor(abtc || "#555555");jg.drawStringRect("Max: "+parseFloat(bardata[3]),60,150,100,"center")
jg.setFont("verdana","9px",Font.PLAIN);jg.setColor(abtc || "#555555");jg.drawStringRect("Min: "+parseFloat(bardata[4]),60,162,100,"center")
mo="Current: "+bardata[0];
mo+="<BR>Max Today: "+parseFloat(bardata[3]);
mo+="<BR>Min Today: "+parseFloat(bardata[4]);
mo+="<BR>Trend: "+bardata[2];
document.getElementById("barometer").title="header=[Barometer ("+bardata[1]+")] body=["+mo+"] delay=["+mod+"]";
}else{
w=90; h=100;
tgd="<div id='barometer' style='position:relative; width:"+w+"px; height:"+h+"px; cursor:pointer;'></div>";
document.getElementById("barometer").parentNode.innerHTML=tgd;
var jg=new jsGraphics("barometer");
jg.setColor("#AAAAAA");jg.fillRect(0,0,w,h);jg.setColor("#DDDDDD");jg.fillRect(5,5,w-10,23);
jg.setColor("#FEFEFE");jg.drawLine(0,0,w,0);jg.setColor("#FEFEFE");jg.drawLine(0,0,0,h);
jg.setColor("#000000");jg.drawLine(1,h,w,h);jg.setColor("#000000");jg.drawLine(w,h,w,1);
jg.setColor("#FEFEFE");jg.drawLine(5,28,w-5,28);jg.setColor("#FEFEFE");jg.drawLine(w-5,5,w-5,28);
jg.setColor("#000000");jg.drawLine(5,5,w-5,5);jg.setColor("#000000");jg.drawLine(5,5,5,28);
jg.setFont("verdana","18px",Font.BOLD);jg.setColor("#000000");jg.drawStringRect(bardata[0],5,5,w-10,"center");
jg.setFont("verdana","9px",Font.PLAIN);jg.setColor("#FFFFFF");jg.drawStringRect(bardata[1],5,36,70,"left");
jg.drawImage('dbimages/'+bardata[2]+'.gif',w-14,35,9,29); 
jg.setFont("verdana","9px",Font.PLAIN);jg.setColor("#FFFFFF");jg.drawStringRect(bardata[2],5,50,70,"left");
jg.setFont("verdana","9px",Font.PLAIN);jg.setColor("#FFFFFF");jg.drawStringRect("Max: "+parseFloat(bardata[3]),5,70,w-10,"center");
jg.setFont("verdana","9px",Font.PLAIN);jg.setColor("#FFFFFF");jg.drawStringRect("Min: "+parseFloat(bardata[4]),5,82,w-10,"center");}
jg.paint();}
function dowind(){
toadd=2.5;maxspeed=10;
if(winddata[0].indexOf("Calm")>-1)winddata[0]=winddata[0].replace("Calm","0");
if(winddata[2].indexOf("Calm")>-1)winddata[2]=winddata[2].replace("Calm","0");
for(i=0;i<hwspd.length-1;i++){
if(hwspd[i]>80){toadd=30;maxspeed=120;}
else if(hwspd[i]>40){toadd=20;maxspeed=80;}
else if(hwspd[i]>20){toadd=10;maxspeed=40;}
else if(hwspd[i]>10){toadd=5;maxspeed=20;}}
if(Math.max(parseFloat(winddata[0]),parseFloat(winddata[2]))>80 && maxspeed<120){toadd=30;maxspeed=120;}
else if(Math.max(parseFloat(winddata[0]),parseFloat(winddata[2]))>40 && maxspeed<80){toadd=20;maxspeed=80;}
else if(Math.max(parseFloat(winddata[0]),parseFloat(winddata[2]))>20 && maxspeed<40){toadd=10;maxspeed=40;}
else if(Math.max(parseFloat(winddata[0]),parseFloat(winddata[2]))>10 && maxspeed<20){toadd=5;maxspeed=20;}
factor=toadd/10;
tgd="<div id='wind' style='position:relative; width:220px; height:220px; cursor:pointer;'><img src='dbimages/windrose"+maxspeed+".gif'></div>";
document.getElementById("wind").parentNode.innerHTML=tgd;
mo="Gust: "+winddata[0]+" from "+winddata[1]+" deg.<BR>Avg: "+winddata[2]+" from "+winddata[3]+" deg.";
tmo=winddata[4].replace(wsu+",","from");tmo=tmo.substring(0,tmo.indexOf("&#176;"))+" deg.";mo+="<BR>Max: "+tmo;
document.getElementById("wind").title="header=[Wind ("+wsu+")] body=["+mo+"] delay=["+mod+"]";
var jg=new jsGraphics("wind");
jg.setFont("arial","10px",Font.PLAIN);jg.drawStringRect(wsu,10,10,70,"left");
for(i=0;i<hwspd.length-1;i++){
hist=getpixel(110,108,maxspeed-hwspd[i],hwdir[i],factor);
jg.setColor(WindHistColor || "#777700");jg.setStroke(1);jg.fillRect(hist[0],hist[1],2,2);}
if(winddata[0]>winddata[2]){
plotf=new Array(0,1,WindGustColor || "#990000");plots=new Array(2,3,WindAvgColor || "#009900");
}else{
plotf=new Array(2,3,WindAvgColor || "#009900");plots=new Array(0,1,WindGustColor || "#990000");}
from=getpixel(110,108,maxspeed,parseInt(winddata[plotf[1]]),factor);
to=getpixel(110,108,maxspeed-parseFloat(winddata[plotf[0]]),parseInt(winddata[plotf[1]]),factor);
jg.setColor(plotf[2]);jg.setStroke(2);jg.drawLine(from[0],from[1],to[0],to[1]);
jg.fillEllipse(from[0]-2,from[1]-2,6,6);
from=getpixel(110,108,maxspeed,parseInt(winddata[plots[1]]),factor);
to=getpixel(110,108,maxspeed-parseFloat(winddata[plots[0]]),parseInt(winddata[plots[1]]),factor);
jg.setColor(plots[2]);jg.setStroke(2);jg.drawLine(from[0],from[1],to[0],to[1]);
jg.fillEllipse(from[0]-2,from[1]-2,6,6);
jg.paint();}
function dorain(id,eid,size){
units=raintoday[1];total=0;maxmf=1;files="l";bot=376;
if(size=="small"){maxmf=2;files="s";bot=196;}
if(units!="mm"){total=parseFloat(raintoday[0])/0.04;}else{total=parseFloat(raintoday[0]);}
if(total<=9){tgd="<div id='rain' style='position:relative; width:90px; cursor:pointer;'><img src='dbimages/rain"+files+"10.gif'></div>";factor=1;maxm=10;
}else if(total<=99){tgd="<div id='rain' style='position:relative; width:90px; cursor:pointer;'><img src='dbimages/rain"+files+"100.gif'></div>";factor=10;maxm=100;
}else if(total<=199){tgd="<div id='rain' style='position:relative; width:90px; cursor:pointer;'><img src='dbimages/rain"+files+"200.gif'></div>";factor=20;maxm=200;
}else{tgd="<div id='rain' style='position:relative; width:90px; cursor:pointer;'><img src='dbimages/rain"+files+"400.gif'></div>";factor=40;maxm=400;}
eid.parentNode.innerHTML=tgd;eid=document.getElementById(id);
if(units!="mm" && total>7.5)scale=37/factor/maxmf;
else scale=36/factor/maxmf;
t=Math.floor(bot-(total*scale));b=bot-t;
var jg=new jsGraphics(id);
jg.setColor(RainColor || "#A0C4E7");
if(!isNaN(t))jg.fillRect(38,t,15,b);
jg.paint();
mo="Amount Today: "+parseFloat(raintoday[0])+"<BR>Current Rate: "+parseFloat(raintoday[2])+"/hour";
if(!isNaN(parseFloat(raintoday[3])))mo+="<BR>Max Rate: "+parseFloat(raintoday[3])+"/hour";
eid.title="header=[Rainfall Today ("+raintoday[1]+")] body=["+mo+"] delay=["+mod+"]";}
function docloud(){
tgd = "<div id='cloudbase' style='position:relative; width:90px;'><img src='dbimages/cloudbase.gif'>";
document.getElementById("cloudbase").parentNode.innerHTML=tgd
var jg = new jsGraphics("cloudbase");
jg.setColor(CloudTextColor || "#000000");
jg.setFont("arial","10px",Font.PLAIN); 
jg.drawStringRect(cloudbase,10,93,70,"center"); 
jg.paint();}
if(document.getElementById("outsidetemp")){eid=document.getElementById("outsidetemp");dotemps("Outside Temperature","outsidetemp",eid,eid.innerHTML,tempos);}
if(document.getElementById("insidetemp")){eid=document.getElementById("insidetemp");dotemps("Inside Temperature","insidetemp",eid,eid.innerHTML,tempis);}
if(document.getElementById("extratemp1")){eid=document.getElementById("extratemp1");esn="";if(ExtraSensor1Name)esn=ExtraSensor1Name+" Temperature";dotemps(esn || "Extra Temperature 1","extratemp1",eid,eid.innerHTML,tempex1);}
if(document.getElementById("extratemp2")){eid=document.getElementById("extratemp2");esn="";if(ExtraSensor2Name)esn=ExtraSensor2Name+" Temperature";dotemps(esn || "Extra Temperature 2","extratemp2",eid,eid.innerHTML,tempex2);}
if(document.getElementById("dewpoint")){eid=document.getElementById("dewpoint");dotemps("Dew Point","dewpoint",eid,eid.innerHTML,tempdp);}
if(document.getElementById("heatindex")){eid=document.getElementById("heatindex");dotemps("Heat Index","heatindex",eid,eid.innerHTML,temphi);}
if(document.getElementById("windchill")){eid=document.getElementById("windchill");dotemps("Wind Chill","windchill",eid,eid.innerHTML,tempwc);}
if(document.getElementById("outsidehumidity")){eid=document.getElementById("outsidehumidity");dohums("Outside Humidity","outsidehumidity",eid,eid.innerHTML,humos);}
if(document.getElementById("insidehumidity")){eid=document.getElementById("insidehumidity");dohums("Inside Humidity","insidehumidity",eid,eid.innerHTML,humis);}
if(document.getElementById("extrahumidity1")){eid=document.getElementById("extrahumidity1");esn="";if(ExtraSensor1Name)esn=ExtraSensor1Name+" Humidity";dohums(esn || "Extra Humidity 2","extrahumidity1",eid,eid.innerHTML,humex1);}
if(document.getElementById("extrahumidity2")){eid=document.getElementById("extrahumidity2");esn="";if(ExtraSensor2Name)esn=ExtraSensor2Name+" Humidity";dohums(esn || "Extra Humidity 2","extrahumidity2",eid,eid.innerHTML,humex2);}
if(document.getElementById("barometer")) dobar(document.getElementById("barometer").innerHTML);
if(document.getElementById("cloudbase")) docloud();
if(document.getElementById("rain")){eid=document.getElementById("rain");dorain("rain",eid,eid.innerHTML);}
if(document.getElementById("wind")) dowind();