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-87').innerHTML = "<div class='diagram-meta-container'><div class='diagram-container'><img class='diagram-image' src='http://embed.metridyne.com/system/background_images/87/original/lake_fork3.png?1271377409' /><div class='diagram-sensor red icon-right' style='position: absolute; top: 488px; left: 174px;'><a href='http://embed.metridyne.com/graph?sensor_id=8833' title='South Bonita - Water Flow' class='iframe' data-size='700x420'><strong></strong> 1.07 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 548px; left: 173px;'><a href='http://embed.metridyne.com/graph?sensor_id=7503' title='Purdy - Purdy Flow in cfs' class='iframe' data-size='700x420'><strong></strong> 2.51 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 606px; left: 173px;'><a href='http://embed.metridyne.com/graph?sensor_id=7981' title='Uteland - Ute Flow in cfs' class='iframe' data-size='700x420'><strong></strong> 3.26 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 664px; left: 173px;'><a href='http://embed.metridyne.com/graph?sensor_id=8793' title='Redcap - Water Flow' class='iframe' data-size='700x420'><strong></strong> 2.9 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 304px; left: 94px;'><a href='http://embed.metridyne.com/graph?sensor_id=8858' title='Twin Pots - Water Flow' class='iframe' data-size='700x420'><strong></strong> 0.02 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 375px; left: 172px;'><a href='http://embed.metridyne.com/graph?sensor_id=8502' title='Bonita - Canal Flow' class='iframe' data-size='700x420'><strong></strong> 2.1 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 286px; left: 12px;'><a href='http://embed.metridyne.com/graph?sensor_id=8495' title='Anderson Flume - Canal Flow' class='iframe' data-size='700x420'><strong></strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 221px; left: 84px;'><a href='http://embed.metridyne.com/graph?sensor_id=8605' title='Farnsworth Flume - Water Flow' class='iframe' data-size='700x420'><strong></strong> 6 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 165px; left: 180px;'><a href='http://embed.metridyne.com/graph?sensor_id=8598' title='Farnsworth - Water Flow' class='iframe' data-size='700x420'><strong></strong> 0.0 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 108px; left: 194px;'><a href='http://embed.metridyne.com/graph?sensor_id=8729' title='Moon Lake Reservoir - Water Flow Man' class='iframe' data-size='700x420'><strong></strong> 11 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 83px; left: 182px;'><a href='http://embed.metridyne.com/graph?sensor_id=7365' title='Moon Lake Reservoir - Combined Water Flow' class='iframe' data-size='700x420'><strong></strong> 11 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 58px; left: 193px;'><a href='http://embed.metridyne.com/graph?sensor_id=8728' title='Moon Lake Reservoir - Water Flow Auto' class='iframe' data-size='700x420'><strong></strong> 0 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 83px; left: 368px;'><a href='http://embed.metridyne.com/graph?sensor_id=8942' title='Yellowstone Gate - Gate Height' class='iframe' data-size='700x420'><strong></strong> 0.01 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 550px; left: 383px;'><a href='http://embed.metridyne.com/graph?sensor_id=12378' title='Sandwash Creek - SW Creek Flume Flow' class='iframe' data-size='700x420'><strong>SW Creek</strong> 4.51 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 266px; left: 297px;'><a href='http://embed.metridyne.com/graph?sensor_id=8919' title='US Lake Fork - Water Flow' class='iframe' data-size='700x420'><strong></strong> 2 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 156px; left: 358px;'><a href='http://embed.metridyne.com/graph?sensor_id=8760' title='Payne/Yellowstone Feeder - Payne Flow' class='iframe' data-size='700x420'><strong></strong> 0 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 129px; left: 416px;'><a href='http://embed.metridyne.com/graph?sensor_id=8761' title='Payne/Yellowstone Feeder - Yellowstone Flow' class='iframe' data-size='700x420'><strong></strong> 8.88 <span class='quiet'>cfs</span></a></div><div class='diagram-teacup-text red icon-right' style='position: absolute; top: 3px; left: 86px;'><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 style='position: absolute; top: 5px; left: 209px; width: 80px; height: 33px;'><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-sensor red' style='position: absolute; top: 351px; left: 92px;'><a href='http://embed.metridyne.com/graph?sensor_id=9951' title='Twin Pots - Reservoir Height' class='iframe' data-size='700x420'><strong>Res Hgt</strong> 28.55 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 422px; left: 277px;'><a href='http://embed.metridyne.com/graph?sensor_id=8539' title='Class B Flume - Water Flow' class='iframe' data-size='700x420'><strong></strong> 6.29 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 472px; left: 270px;'><a href='http://embed.metridyne.com/graph?sensor_id=8529' title='Canal C Headgate and Flume - Water Flow' class='iframe' data-size='700x420'><strong></strong> 24.02 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 547px; left: 311px;'><a href='http://embed.metridyne.com/graph?sensor_id=8681' title='Lakefork_C - Water Flow' class='iframe' data-size='700x420'><strong></strong> 0.6 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 706px; left: 340px;'><a href='http://embed.metridyne.com/graph?sensor_id=8542' title='Class C - Water Flow' class='iframe' data-size='700x420'><strong></strong> 4 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 651px; left: 363px;'><a href='http://embed.metridyne.com/graph?sensor_id=8559' title='D Split - Water Flow' class='iframe' data-size='700x420'><strong></strong> 0.0 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 645px; left: 431px;'><a href='http://embed.metridyne.com/graph?sensor_id=8813' title='Sand Wash Pipe Line - Water Flow' class='iframe' data-size='700x420'><strong></strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-graph' style='position: absolute; top: 588px; left: 292px;'><a href='http://embed.metridyne.com/graph?graph_id=28' title='' class='iframe' data-size='700x420'><strong>Lakefork Comparison</strong></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=8833' title='South Bonita - Water Flow' class='iframe' data-size='700x420'>South Bonita</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:00PM MST</div></td><td class='right-align'>1.07<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=7503' title='Purdy - Purdy Flow in cfs' class='iframe' data-size='700x420'>Purdy</a></div><div class='sensor-name'>Purdy 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'>09/30/2011</div><div class='last-reading-time'>05:00PM MDT</div></td><td class='right-align'>2.51<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=7981' title='Uteland - Ute Flow in cfs' class='iframe' data-size='700x420'>Uteland</a></div><div class='sensor-name'>Ute 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'>09/30/2011</div><div class='last-reading-time'>05:00PM MDT</div></td><td class='right-align'>3.26<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8793' title='Redcap - Water Flow' class='iframe' data-size='700x420'>Redcap</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'>04:00PM MST</div></td><td class='right-align'>2.9<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8858' title='Twin Pots - Water Flow' class='iframe' data-size='700x420'>Twin Pots</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.02<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8502' title='Bonita - Canal Flow' class='iframe' data-size='700x420'>Bonita</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'>05:00PM MST</div></td><td class='right-align'>2.1<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8495' title='Anderson Flume - Canal Flow' class='iframe' data-size='700x420'>Anderson 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'>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=8605' title='Farnsworth Flume - Water Flow' class='iframe' data-size='700x420'>Farnsworth Flume</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'>04:00PM MST</div></td><td class='right-align'>6<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8598' title='Farnsworth - Water Flow' class='iframe' data-size='700x420'>Farnsworth</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/05/2011</div><div class='last-reading-time'>09:00AM MST</div></td><td class='right-align'>0.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=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=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=8942' title='Yellowstone Gate - Gate Height' class='iframe' data-size='700x420'>Yellowstone Gate</a></div><div class='sensor-name'>Gate 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'>05:00PM MST</div></td><td class='right-align'>0.01<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=12378' title='Sandwash Creek - SW Creek Flume Flow' class='iframe' data-size='700x420'>Sandwash Creek</a></div><div class='sensor-name'>SW Creek Flume 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:01PM MST</div></td><td class='right-align'>4.51<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8919' title='US Lake Fork - Water Flow' class='iframe' data-size='700x420'>US Lake Fork</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:00PM MST</div></td><td class='right-align'>2<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8760' title='Payne/Yellowstone Feeder - Payne Flow' class='iframe' data-size='700x420'>Payne/Yellowstone Feeder</a></div><div class='sensor-name'>Payne 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: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=8761' title='Payne/Yellowstone Feeder - Yellowstone Flow' class='iframe' data-size='700x420'>Payne/Yellowstone Feeder</a></div><div class='sensor-name'>Yellowstone 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:00PM MST</div></td><td class='right-align'>8.88<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=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=8539' title='Class B Flume - Water Flow' class='iframe' data-size='700x420'>Class B Flume</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:00PM MST</div></td><td class='right-align'>6.29<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8529' title='Canal C Headgate and Flume - Water Flow' class='iframe' data-size='700x420'>Canal C Headgate and Flume</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:00PM MST</div></td><td class='right-align'>24.02<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8681' title='Lakefork_C - Water Flow' class='iframe' data-size='700x420'>Lakefork_C</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'>04:00PM MST</div></td><td class='right-align'>0.6<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8542' title='Class C - Water Flow' class='iframe' data-size='700x420'>Class C</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'>4<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8559' title='D Split - Water Flow' class='iframe' data-size='700x420'>D Split</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.0<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8813' title='Sand Wash Pipe Line - Water Flow' class='iframe' data-size='700x420'>Sand Wash Pipe Line</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.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);}

