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-80').innerHTML = "<div class='diagram-meta-container'><div class='diagram-container'><img class='diagram-image' src='http://embed.metridyne.com/system/background_images/80/original/Dry_gulch_class_c_2.PNG?1282160293' /><div class='diagram-sensor red' style='position: absolute; top: 606px; left: 143px;'><a href='http://embed.metridyne.com/graph?sensor_id=9834' title='South Bench #3 - Water Flow' class='iframe' data-size='700x420'><strong></strong> 2.75 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 627px; left: 357px;'><a href='http://embed.metridyne.com/graph?sensor_id=9828' title='Fillingim - Water Flow' 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: 368px; left: 189px;'><a href='http://embed.metridyne.com/graph?sensor_id=9883' title='Stringham - Water 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: 10px; left: 144px;'><a href='http://embed.metridyne.com/graph?sensor_id=8894' title='Upalco 30B - Water Flow in cfs' class='iframe' data-size='700x420'><strong>Upalco 30B</strong> 0.87 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 356px; left: 264px;'><a href='http://embed.metridyne.com/graph?sensor_id=9359' title='North Bench - Flow HR' class='iframe' data-size='700x420'><strong></strong> 0.0 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 369px; left: 356px;'><a href='http://embed.metridyne.com/graph?sensor_id=9358' title='Cobble Hollow - Flow HR' class='iframe' data-size='700x420'><strong></strong> 0.0 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 370px; left: 437px;'><a href='http://embed.metridyne.com/graph?sensor_id=8633' title='Ioka #2 - Water 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: 90px; left: 79px;'><a href='http://embed.metridyne.com/graph?sensor_id=8891' title='Upalco - 18 inch Flow in cfs' class='iframe' data-size='700x420'><strong>Upalco 18</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 40px; left: 81px;'><a href='http://embed.metridyne.com/graph?sensor_id=8892' title='Upalco - 30 inch Flow in cfs' class='iframe' data-size='700x420'><strong>Upalco 30</strong> 4.06 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 514px; left: 142px;'><a href='http://embed.metridyne.com/graph?sensor_id=8824' title='South Bench #1 - Water Flow' 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: 521px; left: 377px;'><a href='http://embed.metridyne.com/graph?sensor_id=8550' title='Cobble Hollow B Line - Water Flow' 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: 436px; left: 283px;'><a href='http://embed.metridyne.com/graph?sensor_id=8743' title='North Bench Ioka - Water Flow' 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: 408px; left: 72px;'><a href='http://embed.metridyne.com/graph?sensor_id=8525' title='C_Pond - Water Height (Sonic)' class='iframe' data-size='700x420'><strong></strong> 3.53 <span class='quiet'>ft</span></a></div><div style='position: absolute; top: 298px; left: 99px; width: 100px; height: 41px;'><a href='http://embed.metridyne.com/graph?sensor_id=8526' class='iframe' data-size='700x420' style='display: block; width: 100%; height: 100%;' title='C_Pond - Pond Height'><canvas class='teacup-canvas' style='width: 100%; height: 100%'></canvas><span style='display: none'>1.69%</span></a></div><div class='diagram-teacup-text red' style='position: absolute; top: 319px; left: 25px;'><a href='http://embed.metridyne.com/graph?sensor_id=8526' title='C_Pond - Pond Height' class='iframe' data-size='700x420'><strong>Pond Height</strong><br />0.17/10.00 <span class='quiet'>ft</span><br />2% Full</a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 255px; left: 104px;'><a href='http://embed.metridyne.com/graph?sensor_id=8516' title='C Pond Inlet - Canal Flow' 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: 199px; left: 266px;'><a href='http://embed.metridyne.com/graph?sensor_id=8628' title='Ioka #1 - Water Flow' 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: 155px; left: 145px;'><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' style='position: absolute; top: 96px; left: 399px;'><a href='http://embed.metridyne.com/graph?sensor_id=8906' title='Upalco 30E - Water Flow in cfs' class='iframe' data-size='700x420'><strong>Upalco 30E</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 82px; left: 238px;'><a href='http://embed.metridyne.com/graph?sensor_id=8902' title='Upalco 30d - Water Flow' class='iframe' data-size='700x420'><strong>Upalco 30D</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 37px; left: 282px;'><a href='http://embed.metridyne.com/graph?sensor_id=8898' title='Upalco 30C - Water Flow in cfs' class='iframe' data-size='700x420'><strong>Upalco 30C</strong> 0.00 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 623px; left: 8px;'><a href='http://embed.metridyne.com/graph?sensor_id=8610' title='Flat Top - Battery Voltage' class='iframe' data-size='700x420'><strong></strong> 10.74 <span class='quiet'>V</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 558px; left: 143px;'><a href='http://embed.metridyne.com/graph?sensor_id=8829' title='South Bench #2 - Water Flow' 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: 567px; left: 355px;'><a href='http://embed.metridyne.com/graph?sensor_id=8689' title='Line A Cobble Hollow - Water Flow' class='iframe' data-size='700x420'><strong></strong> 4.55 <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=9834' title='South Bench #3 - Water Flow' class='iframe' data-size='700x420'>South Bench #3</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'>08:00AM MDT</div></td><td class='right-align'>2.75<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9828' title='Fillingim - Water Flow' class='iframe' data-size='700x420'>Fillingim</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/05/2011</div><div class='last-reading-time'>09: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=9883' title='Stringham - Water Flow' class='iframe' data-size='700x420'>Stringham</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/05/2011</div><div class='last-reading-time'>03: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=8894' title='Upalco 30B - Water Flow in cfs' class='iframe' data-size='700x420'>Upalco 30B</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.87<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=9359' title='North Bench - Flow HR' class='iframe' data-size='700x420'>North Bench</a></div><div class='sensor-name'>Flow HR</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/05/2011</div><div class='last-reading-time'>03:01PM MDT</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=9358' title='Cobble Hollow - Flow HR' class='iframe' data-size='700x420'>Cobble Hollow</a></div><div class='sensor-name'>Flow HR</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/05/2011</div><div class='last-reading-time'>03:01PM MDT</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=8633' title='Ioka #2 - Water Flow' class='iframe' data-size='700x420'>Ioka #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'>11/05/2011</div><div class='last-reading-time'>03:01PM 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=8891' title='Upalco - 18 inch Flow in cfs' class='iframe' data-size='700x420'>Upalco</a></div><div class='sensor-name'>18 inch 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/08/2011</div><div class='last-reading-time'>01: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=8892' title='Upalco - 30 inch Flow in cfs' class='iframe' data-size='700x420'>Upalco</a></div><div class='sensor-name'>30 inch 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/08/2011</div><div class='last-reading-time'>01:01AM MDT</div></td><td class='right-align'>4.06<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8824' title='South Bench #1 - Water Flow' class='iframe' data-size='700x420'>South Bench #1</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: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=8550' title='Cobble Hollow B Line - Water Flow' class='iframe' data-size='700x420'>Cobble Hollow B 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'>11/05/2011</div><div class='last-reading-time'>12: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=8743' title='North Bench Ioka - Water Flow' class='iframe' data-size='700x420'>North Bench Ioka</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/05/2011</div><div class='last-reading-time'>11: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=8525' title='C_Pond - Water Height (Sonic)' class='iframe' data-size='700x420'>C_Pond</a></div><div class='sensor-name'>Water Height (Sonic)</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/05/2011</div><div class='last-reading-time'>03:00PM MDT</div></td><td class='right-align'>3.53<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8526' title='C_Pond - Pond Height' class='iframe' data-size='700x420'>C_Pond</a></div><div class='sensor-name'>Pond 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'>11/05/2011</div><div class='last-reading-time'>03:00PM MDT</div></td><td class='right-align'>0.17<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8516' title='C Pond Inlet - Canal Flow' class='iframe' data-size='700x420'>C Pond Inlet</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'>11/05/2011</div><div class='last-reading-time'>02: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=8628' title='Ioka #1 - Water Flow' class='iframe' data-size='700x420'>Ioka #1</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'>05/06/2011</div><div class='last-reading-time'>07:01PM 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=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=8906' title='Upalco 30E - Water Flow in cfs' class='iframe' data-size='700x420'>Upalco 30E</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/29/2011</div><div class='last-reading-time'>12:01PM 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=8902' title='Upalco 30d - Water Flow' class='iframe' data-size='700x420'>Upalco 30d</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/29/2011</div><div class='last-reading-time'>12: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=8898' title='Upalco 30C - Water Flow in cfs' class='iframe' data-size='700x420'>Upalco 30C</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'>04:01PM 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=8610' title='Flat Top - Battery Voltage' class='iframe' data-size='700x420'>Flat Top</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'>06/30/2011</div><div class='last-reading-time'>02:00AM MDT</div></td><td class='right-align'>10.74<span class='quiet'>V</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8829' title='South Bench #2 - Water Flow' class='iframe' data-size='700x420'>South Bench #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'>11/04/2011</div><div class='last-reading-time'>12: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=8689' title='Line A Cobble Hollow - Water Flow' class='iframe' data-size='700x420'>Line A Cobble Hollow</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/05/2011</div><div class='last-reading-time'>11:01AM MDT</div></td><td class='right-align'>4.55<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);}