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-90').innerHTML = "<div class='diagram-meta-container'><div class='diagram-container'><img class='diagram-image' src='http://embed.metridyne.com/system/background_images/90/original/classB1.png?1271380554' /><div class='diagram-sensor red icon-right' style='position: absolute; top: 255px; left: 4px;'><a href='http://embed.metridyne.com/graph?sensor_id=8535' title='Class B Canal - Water Flow' class='iframe' data-size='700x420'><strong>Class B Canal</strong> 44.83 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 36px; left: 147px;'><a href='http://embed.metridyne.com/graph?sensor_id=8539' title='Class B Flume - Water Flow' class='iframe' data-size='700x420'><strong>Class B Flume</strong> 6.29 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 268px; left: 176px;'><a href='http://embed.metridyne.com/graph?sensor_id=8585' title='F &amp; I Split - Water Flow' class='iframe' data-size='700x420'><strong>F &amp; I Split</strong> 5.07 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red' style='position: absolute; top: 398px; left: 302px;'><a href='http://embed.metridyne.com/graph?sensor_id=8588' title='F Canal - Water Flow' class='iframe' data-size='700x420'><strong>F Canal</strong> 4.80 <span class='quiet'>cfs</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 398px; left: 167px;'><a href='http://embed.metridyne.com/graph?sensor_id=8623' title='I Canal Split - Water Flow' class='iframe' data-size='700x420'><strong>I Canal</strong> 0.11 <span class='quiet'>cfs</span></a></div><div style='position: absolute; top: 460px; left: 57px; width: 60px; height: 25px;'><a href='http://embed.metridyne.com/graph?sensor_id=6686' class='iframe' data-size='700x420' style='display: block; width: 100%; height: 100%;' title='Blue Bell Pond - Pond Height'><canvas class='teacup-canvas' style='width: 100%; height: 100%'></canvas><span style='display: none'>100.45%</span></a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 64px; left: 14px;'><a href='http://embed.metridyne.com/graph?sensor_id=6835' title='Clock House - Water Flow' class='iframe' data-size='700x420'><strong>Clock House</strong> 0.60 <span class='quiet'>cfs</span></a></div><div class='diagram-teacup-text red' style='position: absolute; top: 453px; left: 134px;'><a href='http://embed.metridyne.com/graph?sensor_id=6686' title='Blue Bell Pond - Pond Height' class='iframe' data-size='700x420'><strong>Pond Height</strong><br />6.03/6.00 <span class='quiet'>ft</span><br />100% Full</a></div><div class='diagram-sensor red icon-right' style='position: absolute; top: 7px; left: 3px;'><a href='http://embed.metridyne.com/graph?sensor_id=8547' title='Class_B - Water Height' class='iframe' data-size='700x420'><strong>Class B Water Height</strong> 6.28 <span class='quiet'>ft</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=8535' title='Class B Canal - Water Flow' class='iframe' data-size='700x420'>Class B 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/28/2011</div><div class='last-reading-time'>07:00AM MDT</div></td><td class='right-align'>44.83<span class='quiet'>cfs</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=8585' title='F &amp; I Split - Water Flow' class='iframe' data-size='700x420'>F &amp; I 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'>07/18/2011</div><div class='last-reading-time'>12:00AM MDT</div></td><td class='right-align'>5.07<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8588' title='F Canal - Water Flow' class='iframe' data-size='700x420'>F 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'>04/30/2011</div><div class='last-reading-time'>05:00AM MDT</div></td><td class='right-align'>4.80<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8623' title='I Canal Split - Water Flow' class='iframe' data-size='700x420'>I Canal 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.11<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=6686' title='Blue Bell Pond - Pond Height' class='iframe' data-size='700x420'>Blue Bell 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'>01/09/2012</div><div class='last-reading-time'>03:00PM MST</div></td><td class='right-align'>6.03<span class='quiet'>ft</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=6835' title='Clock House - Water Flow' class='iframe' data-size='700x420'>Clock House</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/19/2011</div><div class='last-reading-time'>01:00AM MST</div></td><td class='right-align'>0.60<span class='quiet'>cfs</span></td></tr><tr><td><div class='station-name'><a href='http://embed.metridyne.com/graph?sensor_id=8547' title='Class_B - Water Height' class='iframe' data-size='700x420'>Class_B</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'>05:00PM MST</div></td><td class='right-align'>6.28<span class='quiet'>ft</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);}