function createElectricRate(feed,datastream,width,height,color){
if (typeof(google) == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://www.google.com/jsapi\"></script>"); } document.write("<script type=\"text/javascript\"> google.load(\'visualization\',\'1\',{packages:[\'annotatedtimeline\']}); function drawVisualizationElecRate(){var headID = document.getElementsByTagName('head')[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = 'http://apps.pachube.com/history/archive_json.php?f=",feed,"&d=",datastream,"&callback=processElecRate'; headID.appendChild(newScript); } function processElecRate(archive){ var d; var valElecRate; var dataElecRate = new google.visualization.DataTable(); dataElecRate.addColumn('datetime', 'Date'); dataElecRate.addColumn('number', 'Datastream value'); for ( var i in archive['time'] ) { var thisrowElecRate = dataElecRate.addRow(); var timestamp = archive['time'][i]; var ts_parts = timestamp.split('T'); var d_parts = ts_parts[0].split('-'); var t_parts = ts_parts[1].split(':'); d = new Date(parseInt(d_parts[0],10), parseInt(d_parts[1],10)-1 ,parseInt(d_parts[2],10), parseInt(t_parts[0],10), parseInt(t_parts[1],10), parseInt(t_parts[2],10) ); valElecRate = parseFloat(archive['value'][i]); dataElecRate.setValue(thisrowElecRate, 0, d); dataElecRate.setValue(thisrowElecRate, 1, valElecRate); } var chartElecRate = new google.visualization.AnnotatedTimeLine(document.getElementById('visualizationElecRate')); chartElecRate.draw(dataElecRate, {displayAnnotations:true,thickness:1,displayExactValues:true,fill:20,colors:['#",color,"']}); } google.setOnLoadCallback(drawVisualizationElecRate);</script><div id=\"visualizationElecRate\" style=\"width:",width,"px; height:",height,"px; font-size:small;\"></div><div style=\"width:",width,"px; background-color:#fff; margin:3px; padding-top:6px;\"><a href=\"http://www.pachube.com/feeds/",feed,"\" target=\"_new\"><img src=\"http://apps.pachube.com/google_viz/powered_by_pachube.png\" alt=\"powered by pachube!\" border=\"0\" style=\"\"></a></div>");}

function createGasRate(feed,datastream,width,height,color){
if (typeof(google) == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://www.google.com/jsapi\"></script>"); } document.write("<script type=\"text/javascript\"> google.load(\'visualization\',\'1\',{packages:[\'annotatedtimeline\']}); function drawVisualizationGasRate(){var headID = document.getElementsByTagName('head')[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = 'http://apps.pachube.com/history/archive_json.php?f=",feed,"&d=",datastream,"&callback=processGasRate'; headID.appendChild(newScript); } function processGasRate(archive){ var d; var valGasRate; var dataGasRate = new google.visualization.DataTable(); dataGasRate.addColumn('datetime', 'Date'); dataGasRate.addColumn('number', 'Datastream value'); for ( var i in archive['time'] ) { var thisrowGasRate = dataGasRate.addRow(); var timestamp = archive['time'][i]; var ts_parts = timestamp.split('T'); var d_parts = ts_parts[0].split('-'); var t_parts = ts_parts[1].split(':'); d = new Date(parseInt(d_parts[0],10), parseInt(d_parts[1],10)-1 ,parseInt(d_parts[2],10), parseInt(t_parts[0],10), parseInt(t_parts[1],10), parseInt(t_parts[2],10) ); valGasRate = parseFloat(archive['value'][i]); dataGasRate.setValue(thisrowGasRate, 0, d); dataGasRate.setValue(thisrowGasRate, 1, valGasRate); } var chartGasRate = new google.visualization.AnnotatedTimeLine(document.getElementById('visualizationGasRate')); chartGasRate.draw(dataGasRate, {displayAnnotations:true,thickness:1,displayExactValues:true,fill:20,colors:['#",color,"']}); } google.setOnLoadCallback(drawVisualizationGasRate);</script><div id=\"visualizationGasRate\" style=\"width:",width,"px; height:",height,"px; font-size:small;\"></div><div style=\"width:",width,"px; background-color:#fff; margin:3px; padding-top:6px;\"><a href=\"http://www.pachube.com/feeds/",feed,"\" target=\"_new\"><img src=\"http://apps.pachube.com/google_viz/powered_by_pachube.png\" alt=\"powered by pachube!\" border=\"0\" style=\"\"></a></div>");}

function createElectricHourly(feed,datastream,width,height,color){
if (typeof(google) == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://www.google.com/jsapi\"></script>"); } document.write("<script type=\"text/javascript\"> google.load(\'visualization\',\'1\',{packages:[\'annotatedtimeline\']}); function drawVisualizationElecHour(){var headID = document.getElementsByTagName('head')[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = 'http://apps.pachube.com/history/archive_json.php?f=",feed,"&d=",datastream,"&callback=processElecHour'; headID.appendChild(newScript); } function processElecHour(archive){ var d; var valElecHour; var dataElecHour = new google.visualization.DataTable(); dataElecHour.addColumn('datetime', 'Date'); dataElecHour.addColumn('number', 'Datastream value'); for ( var i in archive['time'] ) { var thisrowElecHour = dataElecHour.addRow(); var timestamp = archive['time'][i]; var ts_parts = timestamp.split('T'); var d_parts = ts_parts[0].split('-'); var t_parts = ts_parts[1].split(':'); d = new Date(parseInt(d_parts[0],10), parseInt(d_parts[1],10)-1 ,parseInt(d_parts[2],10), parseInt(t_parts[0],10), parseInt(t_parts[1],10), parseInt(t_parts[2],10) ); valElecHour = parseFloat(archive['value'][i]); dataElecHour.setValue(thisrowElecHour, 0, d); dataElecHour.setValue(thisrowElecHour, 1, valElecHour); } var chartElecHour = new google.visualization.AnnotatedTimeLine(document.getElementById('visualizationElecHour')); chartElecHour.draw(dataElecHour, {displayAnnotations:true,thickness:1,displayExactValues:true,fill:20,colors:['#",color,"']}); } google.setOnLoadCallback(drawVisualizationElecHour);</script><div id=\"visualizationElecHour\" style=\"width:",width,"px; height:",height,"px; font-size:small;\"></div><div style=\"width:",width,"px; background-color:#fff; margin:3px; padding-top:6px;\"><a href=\"http://www.pachube.com/feeds/",feed,"\" target=\"_new\"><img src=\"http://apps.pachube.com/google_viz/powered_by_pachube.png\" alt=\"powered by pachube!\" border=\"0\" style=\"\"></a></div>");}

function createGasHourly(feed,datastream,width,height,color){
if (typeof(google) == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://www.google.com/jsapi\"></script>"); } document.write("<script type=\"text/javascript\"> google.load(\'visualization\',\'1\',{packages:[\'annotatedtimeline\']}); function drawVisualizationGasHour(){var headID = document.getElementsByTagName('head')[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = 'http://apps.pachube.com/history/archive_json.php?f=",feed,"&d=",datastream,"&callback=processGasHour'; headID.appendChild(newScript); } function processGasHour(archive){ var d; var valGasHour; var dataGasHour = new google.visualization.DataTable(); dataGasHour.addColumn('datetime', 'Date'); dataGasHour.addColumn('number', 'Datastream value'); for ( var i in archive['time'] ) { var thisrowGasHour = dataGasHour.addRow(); var timestamp = archive['time'][i]; var ts_parts = timestamp.split('T'); var d_parts = ts_parts[0].split('-'); var t_parts = ts_parts[1].split(':'); d = new Date(parseInt(d_parts[0],10), parseInt(d_parts[1],10)-1 ,parseInt(d_parts[2],10), parseInt(t_parts[0],10), parseInt(t_parts[1],10), parseInt(t_parts[2],10) ); valGasHour = parseFloat(archive['value'][i]); dataGasHour.setValue(thisrowGasHour, 0, d); dataGasHour.setValue(thisrowGasHour, 1, valGasHour); } var chartGasHour = new google.visualization.AnnotatedTimeLine(document.getElementById('visualizationGasHour')); chartGasHour.draw(dataGasHour, {displayAnnotations:true,thickness:1,displayExactValues:true,fill:20,colors:['#",color,"']}); } google.setOnLoadCallback(drawVisualizationGasHour);</script><div id=\"visualizationGasHour\" style=\"width:",width,"px; height:",height,"px; font-size:small;\"></div><div style=\"width:",width,"px; background-color:#fff; margin:3px; padding-top:6px;\"><a href=\"http://www.pachube.com/feeds/",feed,"\" target=\"_new\"><img src=\"http://apps.pachube.com/google_viz/powered_by_pachube.png\" alt=\"powered by pachube!\" border=\"0\" style=\"\"></a></div>");}

function createHotWaterTemp1(feed,datastream,width,height,color){
if (typeof(google) == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://www.google.com/jsapi\"></script>"); } document.write("<script type=\"text/javascript\"> google.load(\'visualization\',\'1\',{packages:[\'annotatedtimeline\']}); function drawVisualizationHWTemp1(){var headID = document.getElementsByTagName('head')[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = 'http://apps.pachube.com/history/archive_json.php?f=",feed,"&d=",datastream,"&callback=processHWTemp1'; headID.appendChild(newScript); } function processHWTemp1(archive){ var d; var valHWTemp1; var dataHWTemp1 = new google.visualization.DataTable(); dataHWTemp1.addColumn('datetime', 'Date'); dataHWTemp1.addColumn('number', 'Datastream value'); for ( var i in archive['time'] ) { var thisrowHWTemp1 = dataHWTemp1.addRow(); var timestamp = archive['time'][i]; var ts_parts = timestamp.split('T'); var d_parts = ts_parts[0].split('-'); var t_parts = ts_parts[1].split(':'); d = new Date(parseInt(d_parts[0],10), parseInt(d_parts[1],10)-1 ,parseInt(d_parts[2],10), parseInt(t_parts[0],10), parseInt(t_parts[1],10), parseInt(t_parts[2],10) ); valHWTemp1 = parseFloat(archive['value'][i]); dataHWTemp1.setValue(thisrowHWTemp1, 0, d); dataHWTemp1.setValue(thisrowHWTemp1, 1, valHWTemp1); } var chartHWTemp1 = new google.visualization.AnnotatedTimeLine(document.getElementById('visualizationHWTemp1')); chartHWTemp1.draw(dataHWTemp1, {displayAnnotations:true,thickness:1,displayExactValues:true,fill:20,colors:['#",color,"']}); } google.setOnLoadCallback(drawVisualizationHWTemp1);</script><div id=\"visualizationHWTemp1\" style=\"width:",width,"px; height:",height,"px; font-size:small;\"></div><div style=\"width:",width,"px; background-color:#fff; margin:3px; padding-top:6px;\"><a href=\"http://www.pachube.com/feeds/",feed,"\" target=\"_new\"><img src=\"http://apps.pachube.com/google_viz/powered_by_pachube.png\" alt=\"powered by pachube!\" border=\"0\" style=\"\"></a></div>");}

function createHotWaterTemp2(feed,datastream,width,height,color){
if (typeof(google) == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://www.google.com/jsapi\"></script>"); } document.write("<script type=\"text/javascript\"> google.load(\'visualization\',\'1\',{packages:[\'annotatedtimeline\']}); function drawVisualizationHWTemp2(){var headID = document.getElementsByTagName('head')[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = 'http://apps.pachube.com/history/archive_json.php?f=",feed,"&d=",datastream,"&callback=processHWTemp2'; headID.appendChild(newScript); } function processHWTemp2(archive){ var d; var valHWTemp2; var dataHWTemp2 = new google.visualization.DataTable(); dataHWTemp2.addColumn('datetime', 'Date'); dataHWTemp2.addColumn('number', 'Datastream value'); for ( var i in archive['time'] ) { var thisrowHWTemp2 = dataHWTemp2.addRow(); var timestamp = archive['time'][i]; var ts_parts = timestamp.split('T'); var d_parts = ts_parts[0].split('-'); var t_parts = ts_parts[1].split(':'); d = new Date(parseInt(d_parts[0],10), parseInt(d_parts[1],10)-1 ,parseInt(d_parts[2],10), parseInt(t_parts[0],10), parseInt(t_parts[1],10), parseInt(t_parts[2],10) ); valHWTemp2 = parseFloat(archive['value'][i]); dataHWTemp2.setValue(thisrowHWTemp2, 0, d); dataHWTemp2.setValue(thisrowHWTemp2, 1, valHWTemp2); } var chartHWTemp2 = new google.visualization.AnnotatedTimeLine(document.getElementById('visualizationHWTemp2')); chartHWTemp2.draw(dataHWTemp2, {displayAnnotations:true,thickness:1,displayExactValues:true,fill:20,colors:['#",color,"']}); } google.setOnLoadCallback(drawVisualizationHWTemp2);</script><div id=\"visualizationHWTemp2\" style=\"width:",width,"px; height:",height,"px; font-size:small;\"></div><div style=\"width:",width,"px; background-color:#fff; margin:3px; padding-top:6px;\"><a href=\"http://www.pachube.com/feeds/",feed,"\" target=\"_new\"><img src=\"http://apps.pachube.com/google_viz/powered_by_pachube.png\" alt=\"powered by pachube!\" border=\"0\" style=\"\"></a></div>");}