var jsdom = require("jsdom"),
    jq    = require('jquery'),
    fs    = require('fs'),
    canvas = require('canvas');

exports.bg = function(req, res) {
  var document = jsdom.jsdom(),
  window = document.createWindow(),
  jQuery = jq.create(window),
  script = document.createElement("script");

  window.Canvas = canvas;
  script.src = 'file://' + __dirname + '/public/javascripts/jquery.flot.js';
  script.onload = function ()
  {
    var i, d1 = [], d2 = [], d3 = [];
    for (i = 10; --i;) d1.push([i, parseInt(Math.random() * 30)]);
    for (i = 10; --i;) d2.push([i, parseInt(Math.random() * 30)]);
    for (i = 10; --i;) d3.push([i, parseInt(Math.random() * 30)]);

    var defaults = {
      lines: { show: true, fill: true, steps: false },
      bars: { show: false, barWidth: 0.6 }
    };

    var data = [
    jQuery.extend(true, {}, defaults, {data: d1}),
    jQuery.extend(true, {}, defaults, {data: d2}),
    jQuery.extend(true, {}, defaults, {data: d3})
    ];

    var options = {
      width: 600, height: 300,
      grid: {clickable: true, hoverable: true}
    };

    var placeholder = jQuery(''), // empty jQuery object
    plot = jQuery.plot(placeholder, data, options),
    node_canvas = plot.getCanvas(),
    ctx = node_canvas.getContext('2d');

    node_canvas.toBuffer(function(err, buf){
      res.send(buf, { 'Content-Type': 'image/png' });
    });
  };
  document.head.appendChild(script);
};