// Opens a new window with a graph in it, showing the last 2 days
// of values for <deviceid>.

function openGraphWindow(deviceid){
   var graphurl = 'http://cwc-das.com/wcsd/plotit.php?deviceids[]='+deviceid+'&timespec=last2days&width=450&height=300&usef=true';
   var thewin = window.open(graphurl, 'graph', 'width=500,height=350');
   thewin.focus();
}

// Following is used as an associative array to hold a set of meter objects.
var meters = new Array();
var meter_indx = 0;
// 
function showMeter(type, deviceid, parms){
   var meter = new Object();
   meter.deviceid = deviceid;
   meter.parms = parms;
   if(type == "meter"){
      document.write("<div class=meter_holder onmouseover=\"this.className='meter_holder_highlighted'; top.status = 'Click for graph'; return true;\" onmouseout=\"this.className='meter_holder'; parent.status = '';return true;\" onClick=\"openGraphWindow('" + deviceid + "')\">");
      var imgurl = "http://cwc-das.com/wcsd/meters/getMeterGraphicA.php?deviceid=" + deviceid + "&" + parms;
      document.write("<img id=" + deviceid + " src='" + imgurl + "'></div>");
   }else if(type == "graph"){
      var imgurl = "http://cwc-das.com/wcsd/plotit.php?deviceids[]=" + deviceid + "&" + parms;
      document.write("<img id=" + deviceid + " src='" + imgurl + "'>");
   }
   meter.imgurl = imgurl;
   meter.element = document.getElementById(deviceid);
   meters[meter_indx++] = meter;
}

function refreshMeters(){
   var now = new Date();
   var millis = now.getTime();
   for(var i = 0; i < meters.length; i++){
      var meter = meters[i];
      var deviceid = meter.deviceid;
      meter.element.src = meter.imgurl + "&time=" + millis;
   }
   return(true)
}

setInterval("refreshMeters()", 60000);