border=0
width=15
n_bars=2
function bar(high,val,colr){
document.write("<td valign=bottom><img src=",val," alt='",high," kilolitres saved!' />",
   "<table bgcolor=#",colr," border=",border," height=",(high*0.617)-79,
   " width=",width,
   " cellpadding=0 cellspacing=0>",
   "<tr><td align=center valign=bottom>",
   "</td></tr></table></td>")
}

document.writeln("<table bgcolor=transparent height=200 width=",n_bars*width," border=",border," cellpadding=0 cellspacing=0>");

// NOTE to the GRAPH EDITOR:
// to change the graph, simply change the first number as shown below on each bar:
// RESIDENTIAL bar on 1st line, TOTAL bar on 2nd line

// bar( number of kilolitres on scale (CHANGE THIS) , image (DONT CHANGE!) , graph colour (DONT CHANGE!) );
// next: save document, upload in place of existing file.

bar(190,"/images/graph/ocw_gauge.gif","336699");
bar(455,"/images/graph/ocw_gauge2.gif", "99ccff");

document.writeln("</table>");