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-93').innerHTML = "<div class='diagram-meta-container'><div class='diagram-container'><img class='diagram-image' src='http://embed.metridyne.com/system/background_images/93/original/duchesne_snotel.gif?1270064064' /></div><table class='diagram-table'><tr><th>Sensor</th><th>Last 7 Days</th><th>Last Reading</th><th>Value</th></table></div>";

function drawObjects(){
  generateTeacups();
  generateSparklines();

  $("a.iframe").fancybox({
    'frameWidth': 740,
    'frameHeight': 460
  });

  $("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) {
    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);}