function addFile(file, type) {
  var head = document.getElementsByTagName("head")[0];
  if(type=="js"){
    var jsNode = document.createElement('script');
    jsNode.type = 'text/javascript';
    jsNode.src = file;
    head.appendChild(jsNode);
  }else if(type=="css"){
    var cssNode = document.createElement('link');
    cssNode.type = 'text/css';
    cssNode.rel = 'stylesheet';
    cssNode.href = file;
    cssNode.media = 'all';
    head.appendChild(cssNode);
  }
}

addFile('http://embed.metridyne.com/stylesheets/embed.css', 'css');
addFile('http://embed.metridyne.com/stylesheets/jquery.fancybox.css', 'css');


document.getElementById('diagram-88').innerHTML = "<div class='diagram-meta-container'><div class='diagram-container'><img class='diagram-image' src='http://embed.metridyne.com/system/background_images/88/original/moonlake.png?1269958073' /><div class='diagram-sensor red icon-right' style='position: absolute; top: 640px; left: 222px;'><a href='http://embed.metridyne.com/graph?sensor_id=9343' title='Brown's Draw Reservoir - Browns Elevation' class='iframe' data-size='700x420'><strong>Browns Elevation</strong> 45.78 <span class='quiet'>ft</span></a></div><div style='position: absolute; top: 426px; left: 22px; width: 130px; height: 54px;'><a href='http://embed.metridyne.com/graph?sensor_id=13149' class='iframe' data-size='700x420' style='display: block; width: 100%; height: 100%;' title='Twin Pots - Reservoir Capacity'><canvas class='teacup-canvas' style='width: 100%; height: 100%'></canvas><span style='display: none'>74.5889732965009%</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 464px; left: 140px;'><a href='http://embed.metridyne.com/graph?sensor_id=9951' title='Twin Pots - Reservoir Height' class='iframe' data-size='700x420'><strong>Twin Potts Height</strong> 28.55 <span class='quiet'>ft</span></a></div><div class='diagram-teacup-text red' style='position: absolute; top: 585px; left: 226px;'><a href='http://embed.metridyne.com/graph?sensor_id=9958' title='Brown's Draw Reservoir - Reservoir Capacity' class='iframe' data-size='700x420'><strong>Reservoir Capacity</strong><br />5,167.6/5,901.0 <span class='quiet'>AF</span><br />88% Full</a></div><div class='diagram-teacup-text red' style='position: absolute; top: 414px; left: 167px;'><a href='http://embed.metridyne.com/graph?sensor_id=13149' title='Twin Pots - Reservoir Capacity' class='iframe' data-size='700x420'><strong>Reservoir Capacity</strong><br />3,240.1/4,344.0 <span class='quiet'>AF</span><br />75% Full</a></div><div class='diagram-sensor red' style='position: absolute; top: 331px; left: 330px;'><a href='http://embed.metridyne.com/graph?sensor_id=8727' title='Moon Lake Reservoir - Battery Voltage' class='iframe' data-size='700x420'><strong>Battery Voltage</strong> 13.56 <span class='quiet'>V</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 276px; left: 330px;'><a href='http://embed.metridyne.com/graph?sensor_id=7376' title='Moon Lake Reservoir - Building Temperature' class='iframe' data-size='700x420'><strong>Building Temperature</strong> 34 <span class='quiet'>degF</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 304px; left: 330px;'><a href='http://embed.metridyne.com/graph?sensor_id=7377' title='Moon Lake Reservoir - Pipe Temperature' class='iframe' data-size='700x420'><strong>Pipe Temperature</strong> 28 <span class='quiet'>degF</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 250px; left: 329px;'><a href='http://embed.metridyne.com/graph?sensor_id=7365' title='Moon Lake Reservoir - Combined Water Flow' class='iframe' data-size='700x420'><strong>Combined Water Flow</strong> 11 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 223px; left: 173px;'><a href='http://embed.metridyne.com/graph?sensor_id=8732' title='Moon Lake Reservoir - Gate 1 Height' class='iframe' data-size='700x420'><strong></strong> -1 <span class='quiet'>%</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 224px; left: 252px;'><a href='http://embed.metridyne.com/graph?sensor_id=7379' title='Moon Lake Reservoir - Gate 3 Height' class='iframe' data-size='700x420'><strong></strong> 0.57 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 222px; left: 60px;'><a href='http://embed.metridyne.com/graph?sensor_id=8733' title='Moon Lake Reservoir - Gate 2 Height' class='iframe' data-size='700x420'><strong></strong> -1.32 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 283px; left: 4px;'><a href='http://embed.metridyne.com/graph?sensor_id=8728' title='Moon Lake Reservoir - Water Flow Auto' class='iframe' data-size='700x420'><strong>Auto Flow</strong> 0 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 283px; left: 171px;'><a href='http://embed.metridyne.com/graph?sensor_id=8729' title='Moon Lake Reservoir - Water Flow Man' class='iframe' data-size='700x420'><strong>Man Flow</strong> 11 <span class='quiet'>cfs</span></a></div><div style='position: absolute; top: 75px; left: 23px; width: 320px; height: 133px;'><a href='http://embed.metridyne.com/graph?sensor_id=9051' class='iframe' data-size='700x420' style='display: block; width: 100%; height: 100%;' title='Moon Lake Reservoir - Reservoir Volume'><canvas class='teacup-canvas' style='width: 100%; height: 100%'></canvas><span style='display: none'>59.5446463299439%</span></a></div><div class='diagram-teacup-text red' style='position: absolute; top: 115px; left: 328px;'><a href='http://embed.metridyne.com/graph?sensor_id=9051' title='Moon Lake Reservoir - Reservoir Volume' class='iframe' data-size='700x420'><strong>Reservoir Volume</strong><br />21,433/35,994 <span class='quiet'>AF</span><br />60% Full</a></div><div class='diagram-sensor red' style='position: absolute; top: 168px; left: 329px;'><a href='http://embed.metridyne.com/graph?sensor_id=9094' title='Moon Lake Reservoir - Reservoir Elevation (MSL)' class='iframe' data-size='700x420'><strong>Reservoir Elevation (MSL)</strong> 8,116.9 <span class='quiet'>ft</span></a></div><div style='position: absolute; top: 606px; left: 359px; width: 120px; height: 50px;'><a href='http://embed.metridyne.com/graph?sensor_id=9958' class='iframe' data-size='700x420' style='display: block; width: 100%; height: 100%;' title='Brown's Draw Reservoir - Reservoir Capacity'><canvas class='teacup-canvas' style='width: 100%; height: 100%'></canvas><span style='display: none'>87.570987968141%</span></a></div></div><table class='diagram-table'><tr><th>Sensor</th><th>Last 7 Days</th><th>Last Reading</th><th>Value</th><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9343' title='Brown's Draw Reservoir - Browns Elevation' class='iframe' data-size='700x420'>Brown's Draw Reservoir</a></div><div class='sensor-name'>Browns Elevation</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>45.78<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=13149' title='Twin Pots - Reservoir Capacity' class='iframe' data-size='700x420'>Twin Pots</a></div><div class='sensor-name'>Reservoir Capacity</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>03:00PM MST</div></td><td class='right-align'>3,240.1<span class='quiet'>AF</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9951' title='Twin Pots - Reservoir Height' class='iframe' data-size='700x420'>Twin Pots</a></div><div class='sensor-name'>Reservoir Height</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>03:00PM MST</div></td><td class='right-align'>28.55<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8727' title='Moon Lake Reservoir - Battery Voltage' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Battery Voltage</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>13.56<span class='quiet'>V</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=7376' title='Moon Lake Reservoir - Building Temperature' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Building Temperature</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>34<span class='quiet'>degF</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=7377' title='Moon Lake Reservoir - Pipe Temperature' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Pipe Temperature</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>28<span class='quiet'>degF</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=7365' title='Moon Lake Reservoir - Combined Water Flow' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Combined Water Flow</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>11<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8732' title='Moon Lake Reservoir - Gate 1 Height' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Gate 1 Height</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>-1<span class='quiet'>%</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=7379' title='Moon Lake Reservoir - Gate 3 Height' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Gate 3 Height</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>0.57<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8733' title='Moon Lake Reservoir - Gate 2 Height' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Gate 2 Height</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>-1.32<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8728' title='Moon Lake Reservoir - Water Flow Auto' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Water Flow Auto</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>0<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8729' title='Moon Lake Reservoir - Water Flow Man' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Water Flow Man</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>11<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9051' title='Moon Lake Reservoir - Reservoir Volume' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Reservoir Volume</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>21,433<span class='quiet'>AF</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9094' title='Moon Lake Reservoir - Reservoir Elevation (MSL)' class='iframe' data-size='700x420'>Moon Lake Reservoir</a></div><div class='sensor-name'>Reservoir Elevation (MSL)</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>8,116.9<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9958' title='Brown's Draw Reservoir - Reservoir Capacity' class='iframe' data-size='700x420'>Brown's Draw Reservoir</a></div><div class='sensor-name'>Reservoir Capacity</td><td><span class='sparkline'>Loading...<span class='sparkline_data' style='display: none;'></span></span></td><td class='last-reading red'><div class='last-reading-date'>01/09/2012</div><div class='last-reading-time'>04:00PM MST</div></td><td class='right-align'>5,167.6<span class='quiet'>AF</span></td></tr></table></div>";

function drawObjects(){
  generateTeacups();
  generateSparklines();

  $("a.iframe, a.iframe-, a.iframe-small, a.iframe-large").fancybox({
    'frameWidth': 740,
    'frameHeight': 460
  });
  $("a.iframe-webcam").fancybox({'type': 'image'});

  $("table.diagram-table tr:odd").addClass("odd");
  $("table.diagram-table tr:even").addClass("even");
}

function generateTeacups(){
  $(".teacup-canvas").livequery(function() {
    drawTeacup($(this));
  });
}

function generateSparklines(){
  $('.sparkline').each(function(i, e) {
    if ($(e).children('.sparkline_data').length) {
      var data = $(e).children('.sparkline_data').html().split(',');
      $(e).sparkline(data, {width:'160px', height:'20px', lineColor:'#777', fillColor:false, spotColor:'#6c90bc'});
    }
  })
}

if (window.attachEvent) {window.attachEvent('onload', drawObjects);}
else if (window.addEventListener) {window.addEventListener('load', drawObjects, false);}
else {document.addEventListener('load', drawObjects, false);}

