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-83').innerHTML = "<div class='diagram-meta-container'><div class='diagram-container'><img class='diagram-image' src='http://embed.metridyne.com/system/background_images/83/original/Eastsidedrygulch.png?1268843655' /><div class='diagram-sensor red' style='position: absolute; top: 392px; left: 227px;'><a href='http://embed.metridyne.com/graph?sensor_id=8509' title='Browns 15&quot; Pipe - Water Flow in gpm' class='iframe' data-size='700x420'><strong></strong> 0 <span class='quiet'>gpm</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 555px; left: 143px;'><a href='http://embed.metridyne.com/graph?sensor_id=9301' title='Lower K-2 Pipe - Water Flow in gpm' class='iframe' data-size='700x420'><strong></strong> 0 <span class='quiet'>gpm</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 525px; left: 232px;'><a href='http://embed.metridyne.com/graph?sensor_id=9289' title='Parry/Page Pipe - Water Flow in gpm' class='iframe' data-size='700x420'><strong></strong> 0 <span class='quiet'>gpm</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 464px; left: 279px;'><a href='http://embed.metridyne.com/graph?sensor_id=9285' title='State Road Turn Out - Water Flow in gpm' class='iframe' data-size='700x420'><strong></strong> 0 <span class='quiet'>gpm</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 151px; left: 130px;'><a href='http://embed.metridyne.com/graph?sensor_id=9307' title='Browns Draw Flume - Water Flow in cfs' class='iframe' data-size='700x420'><strong></strong> 1.06 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 103px; left: 90px;'><a href='http://embed.metridyne.com/graph?sensor_id=9312' title='Dry Gulch Flume - Canal Flow' class='iframe' data-size='700x420'><strong></strong> 2.10 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 266px; left: 312px;'><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> 5,167.6 <span class='quiet'>AF</span></a></div><div style='position: absolute; top: 220px; left: 128px; width: 210px; height: 87px;'><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 class='diagram-sensor red' style='position: absolute; top: 621px; left: 263px;'><a href='http://embed.metridyne.com/graph?sensor_id=12690' title='Parry Page 2 - Water Flow' class='iframe' data-size='700x420'><strong>Parry/Page 2</strong> 6,999.00 <span class='quiet'>gpm</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 578px; left: 267px;'><a href='http://embed.metridyne.com/graph?sensor_id=9316' title='Cottonwood Spill Vent - Water Flow in cfs' class='iframe' data-size='700x420'><strong></strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 239px; left: 325px;'><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 class='diagram-sensor red' style='position: absolute; top: 45px; left: 193px;'><a href='http://embed.metridyne.com/graph?sensor_id=9524' title='Murray Ditch - Water Flow' class='iframe' data-size='700x420'><strong>Murray Ditch</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 68px; left: 193px;'><a href='http://embed.metridyne.com/graph?sensor_id=9522' title='Yellowstone Extension West Neola - Water Flow' class='iframe' data-size='700x420'><strong>YSE West Neola</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 92px; left: 193px;'><a href='http://embed.metridyne.com/graph?sensor_id=9514' title='Roosevelt Ditch - Water Flow' class='iframe' data-size='700x420'><strong>Roosevelt Ditch</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 430px; left: 129px;'><a href='http://embed.metridyne.com/graph?sensor_id=8648' title='K-2 48&quot; Pipe - Water Flow in gpm' class='iframe' data-size='700x420'><strong></strong> 0 <span class='quiet'>gpm</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=8509' title='Browns 15&quot; Pipe - Water Flow in gpm' class='iframe' data-size='700x420'>Browns 15&quot; Pipe</a></div><div class='sensor-name'>Water Flow in gpm</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:01PM MST</div></td><td class='right-align'>0<span class='quiet'>gpm</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9301' title='Lower K-2 Pipe - Water Flow in gpm' class='iframe' data-size='700x420'>Lower K-2 Pipe</a></div><div class='sensor-name'>Water Flow in gpm</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'>gpm</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9289' title='Parry/Page Pipe - Water Flow in gpm' class='iframe' data-size='700x420'>Parry/Page Pipe</a></div><div class='sensor-name'>Water Flow in gpm</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'>gpm</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9285' title='State Road Turn Out - Water Flow in gpm' class='iframe' data-size='700x420'>State Road Turn Out</a></div><div class='sensor-name'>Water Flow in gpm</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'>10/07/2011</div><div class='last-reading-time'>11:00AM MDT</div></td><td class='right-align'>0<span class='quiet'>gpm</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9307' title='Browns Draw Flume - Water Flow in cfs' class='iframe' data-size='700x420'>Browns Draw Flume</a></div><div class='sensor-name'>Water Flow in cfs</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'>12:00AM MST</div></td><td class='right-align'>1.06<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9312' title='Dry Gulch Flume - Canal Flow' class='iframe' data-size='700x420'>Dry Gulch Flume</a></div><div class='sensor-name'>Canal 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'>03:00PM MST</div></td><td class='right-align'>2.10<span class='quiet'>cfs</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><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><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=12690' title='Parry Page 2 - Water Flow' class='iframe' data-size='700x420'>Parry Page 2</a></div><div class='sensor-name'>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'>10/07/2011</div><div class='last-reading-time'>01:00PM MDT</div></td><td class='right-align'>6,999.00<span class='quiet'>gpm</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9316' title='Cottonwood Spill Vent - Water Flow in cfs' class='iframe' data-size='700x420'>Cottonwood Spill Vent</a></div><div class='sensor-name'>Water Flow in cfs</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'>10/07/2011</div><div class='last-reading-time'>01:00PM MDT</div></td><td class='right-align'>0.00<span class='quiet'>cfs</span></td></tr><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=9524' title='Murray Ditch - Water Flow' class='iframe' data-size='700x420'>Murray Ditch</a></div><div class='sensor-name'>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'>02:00PM MST</div></td><td class='right-align'>0.00<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9522' title='Yellowstone Extension West Neola - Water Flow' class='iframe' data-size='700x420'>Yellowstone Extension West Neola</a></div><div class='sensor-name'>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'>02:01PM MST</div></td><td class='right-align'>0.00<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9514' title='Roosevelt Ditch - Water Flow' class='iframe' data-size='700x420'>Roosevelt Ditch</a></div><div class='sensor-name'>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'>05:01PM MST</div></td><td class='right-align'>0.00<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8648' title='K-2 48&quot; Pipe - Water Flow in gpm' class='iframe' data-size='700x420'>K-2 48&quot; Pipe</a></div><div class='sensor-name'>Water Flow in gpm</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:01PM MST</div></td><td class='right-align'>0<span class='quiet'>gpm</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);}