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-48').innerHTML = "<div class='diagram-meta-container'><div class='diagram-container'><img class='diagram-image' src='http://embed.metridyne.com/system/background_images/48/original/middle.png?1266599650' /><div class='diagram-sensor red' style='position: absolute; top: 338px; left: 216px;'><a href='http://embed.metridyne.com/graph?sensor_id=8854' title='TRSH - Water Height' class='iframe' data-size='700x420'><strong></strong> -4.63 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 127px; left: 8px;'><a href='http://embed.metridyne.com/graph?sensor_id=8339' title='Pioneer Weather Station and Repeater - Battery Voltage' class='iframe' data-size='700x420'><strong></strong> 14.58 <span class='quiet'>V</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 261px; left: 153px;'><a href='http://embed.metridyne.com/graph?sensor_id=8413' title='Rocky Point Diversion - Hourly Avg. Stream Stage' class='iframe' data-size='700x420'><strong></strong> -1.68 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 50px; left: 78px;'><a href='http://embed.metridyne.com/graph?sensor_id=8937' title='WPPBB - 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: 95px; left: 169px;'><a href='http://embed.metridyne.com/graph?sensor_id=8641' title='Jones - 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: 123px; left: 269px;'><a href='http://embed.metridyne.com/graph?sensor_id=8374' title='Rock Creek near Mountain Home (USGS) - River Flow' class='iframe' data-size='700x420'><strong></strong> 47 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 163px; left: 196px;'><a href='http://embed.metridyne.com/graph?sensor_id=8637' title='Ivie - 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: 182px; left: 236px;'><a href='http://embed.metridyne.com/graph?sensor_id=8654' title='Knights Ditch - 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: 242px; left: 228px;'><a href='http://embed.metridyne.com/graph?sensor_id=8768' title='Pioneer at Head - Canal Flow' class='iframe' data-size='700x420'><strong></strong> 4.36 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 210px; left: 164px;'><a href='http://embed.metridyne.com/graph?sensor_id=8771' title='Pioneer at Head - Gate Height' class='iframe' data-size='700x420'><strong></strong> 0.12 <span class='quiet'>ft</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 302px; left: 236px;'><a href='http://embed.metridyne.com/graph?sensor_id=8490' title='Abbott - 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: 283px; left: 198px;'><a href='http://embed.metridyne.com/graph?sensor_id=8378' title='Rocky Point at Head - Water Flow' class='iframe' data-size='700x420'><strong></strong> 10.42 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 280px; left: 40px;'><a href='http://embed.metridyne.com/graph?sensor_id=8202' title='Orchard Mesa Canal - Water Flow' class='iframe' data-size='700x420'><strong></strong> 26.18 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 213px; left: 78px;'><a href='http://embed.metridyne.com/graph?sensor_id=8819' title='Shanks - Water Flow' class='iframe' data-size='700x420'><strong></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=8854' title='TRSH - Water Height' class='iframe' data-size='700x420'>TRSH</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'>-4.63<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8339' title='Pioneer Weather Station and Repeater - Battery Voltage' class='iframe' data-size='700x420'>Pioneer Weather Station and Repeater</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'>14.58<span class='quiet'>V</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8413' title='Rocky Point Diversion - Hourly Avg. Stream Stage' class='iframe' data-size='700x420'>Rocky Point Diversion</a></div><div class='sensor-name'>Hourly Avg. Stream Stage</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.68<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8937' title='WPPBB - Water Flow' class='iframe' data-size='700x420'>WPPBB</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: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=8641' title='Jones - Water Flow in cfs' class='iframe' data-size='700x420'>Jones</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'>08/06/2010</div><div class='last-reading-time'>05:00AM 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=8374' title='Rock Creek near Mountain Home (USGS) - River Flow' class='iframe' data-size='700x420'>Rock Creek near Mountain Home (USGS)</a></div><div class='sensor-name'>River 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'>47<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8637' title='Ivie - Water Flow in cfs' class='iframe' data-size='700x420'>Ivie</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'>11:00AM 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=8654' title='Knights Ditch - Water Flow in cfs' class='iframe' data-size='700x420'>Knights Ditch</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'>04: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=8768' title='Pioneer at Head - Canal Flow' class='iframe' data-size='700x420'>Pioneer at Head</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'>4.36<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8771' title='Pioneer at Head - Gate Height' class='iframe' data-size='700x420'>Pioneer at Head</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'>04:00PM MST</div></td><td class='right-align'>0.12<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8490' title='Abbott - Canal Flow' class='iframe' data-size='700x420'>Abbott</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'>12/28/2010</div><div class='last-reading-time'>08: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=8378' title='Rocky Point at Head - Water Flow' class='iframe' data-size='700x420'>Rocky Point 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'>11/11/2011</div><div class='last-reading-time'>05:00AM MST</div></td><td class='right-align'>10.42<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8202' title='Orchard Mesa Canal - Water Flow' class='iframe' data-size='700x420'>Orchard Mesa 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'>05/05/2011</div><div class='last-reading-time'>10:00PM MDT</div></td><td class='right-align'>26.18<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8819' title='Shanks - Water Flow' class='iframe' data-size='700x420'>Shanks</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/16/2011</div><div class='last-reading-time'>11:01PM 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);}