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-51').innerHTML = "<div class='diagram-meta-container'><div class='diagram-container'><img class='diagram-image' src='http://embed.metridyne.com/system/background_images/51/original/duchesne_diversion.png?1266599916' /><div class='diagram-sensor red icon-right' style='position: absolute; top: 140px; left: 21px;'><a href='http://embed.metridyne.com/graph?sensor_id=13106' title='Stansfield 2 - Water Flow' class='iframe' data-size='700x420'><strong>Stansfield 2</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 168px; left: 193px;'><a href='http://embed.metridyne.com/graph?sensor_id=9839' title='Screen - Water Flow' class='iframe' data-size='700x420'><strong>Screen Flow</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 147px; left: 334px;'><a href='http://embed.metridyne.com/graph?sensor_id=9837' title='Screen - Forebay Height' class='iframe' data-size='700x420'><strong>Forebay Height</strong> -3.70 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 167px; left: 334px;'><a href='http://embed.metridyne.com/graph?sensor_id=9838' title='Screen - Afterbay Height' class='iframe' data-size='700x420'><strong>Afterbay Height</strong> -6.62 <span class='quiet'>ft</span></a></div><div style='position: absolute; top: 303px; left: 174px; width: 100px; height: 41px;'><a href='http://embed.metridyne.com/graph?sensor_id=9176' class='iframe' data-size='700x420' style='display: block; width: 100%; height: 100%;' title='Midview Reservoir - Res. Capacity'><canvas class='teacup-canvas' style='width: 100%; height: 100%'></canvas><span style='display: none'>85.0119639527657%</span></a></div><div class='diagram-teacup-text red icon-right' style='position: absolute; top: 292px; left: 46px;'><a href='http://embed.metridyne.com/graph?sensor_id=9176' title='Midview Reservoir - Res. Capacity' class='iframe' data-size='700x420'><strong>Res. Capacity</strong><br />5,471.37/6,436.00 <span class='quiet'>AF</span><br />85% Full</a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 346px; left: 132px;'><a href='http://embed.metridyne.com/graph?sensor_id=8711' title='Midview Reservoir - Water Height' class='iframe' data-size='700x420'><strong>Water Height</strong> 59.21 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 378px; left: 285px;'><a href='http://embed.metridyne.com/graph?sensor_id=8718' title='Midview Reservoir Outflow - Water Flow 2' class='iframe' data-size='700x420'><strong>US Dry Gulch</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 377px; left: 160px;'><a href='http://embed.metridyne.com/graph?sensor_id=8717' title='Midview Reservoir Outflow - Water Flow' class='iframe' data-size='700x420'><strong>Pashish</strong> 1.54 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 21px; left: 3px;'><a href='http://embed.metridyne.com/graph?sensor_id=8073' title='Duchesne Feeder Diversion - Water Height' class='iframe' data-size='700x420'><strong>Duchesne Diversion</strong> 5.90 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 45px; left: 23px;'><a href='http://embed.metridyne.com/graph?sensor_id=8078' title='Duchesne Feeder at Head - Water Flow' class='iframe' data-size='700x420'><strong>Duchesne Feeder</strong> 0.24 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 210px; left: 219px;'><a href='http://embed.metridyne.com/graph?sensor_id=8714' title='Midview Reservoir Inflow - Water Flow' class='iframe' data-size='700x420'><strong>Midview Inflow</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 306px; left: 376px;'><a href='http://embed.metridyne.com/graph?sensor_id=8796' title='Redcap Feeder Canal - Water Flow' class='iframe' data-size='700x420'><strong>Red Cap Feeder</strong> 42.36 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 327px; left: 320px;'><a href='http://embed.metridyne.com/graph?sensor_id=8568' title='Duchesne Irrigation North Lateral - Water Flow in gpm' class='iframe' data-size='700x420'><strong>Duchesne Irr. North Lateral</strong> 0.00 <span class='quiet'>gpm</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 356px; left: 337px;'><a href='http://embed.metridyne.com/graph?sensor_id=8572' title='Duchesne Irrigation South Lateral - Water Flow in gpm' class='iframe' data-size='700x420'><strong>Duchesne Irr. South Lateral</strong> 0.00 <span class='quiet'>gpm</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 267px; left: 209px;'><a href='http://embed.metridyne.com/graph?sensor_id=9845' title='Clayburn - Water Flow' class='iframe' data-size='700x420'><strong>Clayburn CFS</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 285px; left: 322px;'><a href='http://embed.metridyne.com/graph?sensor_id=9965' title='LFarnsworth - Water Flow' class='iframe' data-size='700x420'><strong>LFarnsworth CFS</strong> 0.00 <span class='quiet'>cfs</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=13106' title='Stansfield 2 - Water Flow' class='iframe' data-size='700x420'>Stansfield 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'>06/20/2011</div><div class='last-reading-time'>06:01AM 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=9839' title='Screen - Water Flow' class='iframe' data-size='700x420'>Screen</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'>12/01/2011</div><div class='last-reading-time'>03:00AM 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=9837' title='Screen - Forebay Height' class='iframe' data-size='700x420'>Screen</a></div><div class='sensor-name'>Forebay 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'>12/01/2011</div><div class='last-reading-time'>03:00AM MST</div></td><td class='right-align'>-3.70<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9838' title='Screen - Afterbay Height' class='iframe' data-size='700x420'>Screen</a></div><div class='sensor-name'>Afterbay 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'>12/01/2011</div><div class='last-reading-time'>03:00AM MST</div></td><td class='right-align'>-6.62<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9176' title='Midview Reservoir - Res. Capacity' class='iframe' data-size='700x420'>Midview Reservoir</a></div><div class='sensor-name'>Res. 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'>12/17/2011</div><div class='last-reading-time'>06:00AM MST</div></td><td class='right-align'>5,471.37<span class='quiet'>AF</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8711' title='Midview Reservoir - Water Height' class='iframe' data-size='700x420'>Midview Reservoir</a></div><div class='sensor-name'>Water 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'>12/17/2011</div><div class='last-reading-time'>06:00AM MST</div></td><td class='right-align'>59.21<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8718' title='Midview Reservoir Outflow - Water Flow 2' class='iframe' data-size='700x420'>Midview Reservoir Outflow</a></div><div class='sensor-name'>Water Flow 2</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'>12/28/2011</div><div class='last-reading-time'>11: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=8717' title='Midview Reservoir Outflow - Water Flow' class='iframe' data-size='700x420'>Midview Reservoir Outflow</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'>12/29/2011</div><div class='last-reading-time'>12:00AM MST</div></td><td class='right-align'>1.54<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8073' title='Duchesne Feeder Diversion - Water Height' class='iframe' data-size='700x420'>Duchesne Feeder Diversion</a></div><div class='sensor-name'>Water 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'>5.90<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8078' title='Duchesne Feeder at Head - Water Flow' class='iframe' data-size='700x420'>Duchesne Feeder at Head</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'>03:00PM MST</div></td><td class='right-align'>0.24<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8714' title='Midview Reservoir Inflow - Water Flow' class='iframe' data-size='700x420'>Midview Reservoir Inflow</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'>12/31/2011</div><div class='last-reading-time'>08:00AM 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=8796' title='Redcap Feeder Canal - Water Flow' class='iframe' data-size='700x420'>Redcap Feeder Canal</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'>08/18/2011</div><div class='last-reading-time'>05:00PM MDT</div></td><td class='right-align'>42.36<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8568' title='Duchesne Irrigation North Lateral - Water Flow in gpm' class='iframe' data-size='700x420'>Duchesne Irrigation North Lateral</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'>12/01/2011</div><div class='last-reading-time'>02:01AM MST</div></td><td class='right-align'>0.00<span class='quiet'>gpm</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8572' title='Duchesne Irrigation South Lateral - Water Flow in gpm' class='iframe' data-size='700x420'>Duchesne Irrigation South Lateral</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'>12/01/2011</div><div class='last-reading-time'>02:01AM MST</div></td><td class='right-align'>0.00<span class='quiet'>gpm</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9845' title='Clayburn - Water Flow' class='iframe' data-size='700x420'>Clayburn</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'>11/30/2011</div><div class='last-reading-time'>04: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=9965' title='LFarnsworth - Water Flow' class='iframe' data-size='700x420'>LFarnsworth</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'>12/01/2011</div><div class='last-reading-time'>04:00AM MST</div></td><td class='right-align'>0.00<span class='quiet'>cfs</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);}

