(function () {

var 
  _             = Flotr._,

  DOT           = '.',

  CN_EXAMPLE    = 'flotr-example',
  CN_LABEL      = 'flotr-example-label',
  CN_TITLE      = 'flotr-example-title',
  CN_MARKUP     = 'flotr-example-description',
  CN_EDITOR     = 'flotr-example-editor',

  ID_GRAPH      = 'flotr-example-graph',

  TEMPLATE      = '' +
    '<div class="' + CN_EXAMPLE + '">' +
      '<div class="' + CN_LABEL + ' ' + CN_TITLE + '"></div>' +
      '<div class="' + CN_MARKUP + '"></div>' +
      '<div class="' + CN_EDITOR + '"></div>' +
    '</div>',

Example = function (o) {

  this.options = o;
  this.example = null;

  this._initNodes();
};

Example.prototype = {

  setExample : function (example) {

    var
      source = this.getSource(example),
      editorNode = this._editorNode;

    this.example = example;

    Math.seedrandom(example.key);
    this._exampleNode.css({ display: 'block' });
    this._titleNode.html(example.name || '');
    this._markupNode.html(example.description || '');

    if (!this._editor) {
      this._editor = new Flotr.Examples.Editor(editorNode, {
          args : example.args,
          example : source,
          teardown : function () {
            // Unbind event listeners from previous examples
            Flotr.EventAdapter.stopObserving($(editorNode).find('.render')[0]);
            $(editorNode).find('canvas').each(function (index, canvas) {
              Flotr.EventAdapter.stopObserving(canvas);
            });
          }
      });
    } else {
      this._editor.setExample(source, example.args);
    }
  },

  getSource : function (example) {

    var
      source = example.callback.toString();

    // Hack for FF code style
    if (navigator.userAgent.search(/firefox/i) !== -1)
      source = js_beautify(source);

    return source;
  },

  executeCallback : function (example, node) {
    if (!_.isElement(node)) node = node[0];
    var args = (example.args ? [node].concat(example.args) : [node]);
    Math.seedrandom(example.key);
    return example.callback.apply(this, args);
  },

  _initNodes : function () {

    var
      node    = this.options.node,
      example = $(TEMPLATE);

    this._titleNode   = example.find(DOT + CN_TITLE);
    this._markupNode  = example.find(DOT + CN_MARKUP);
    this._editorNode  = example.find(DOT + CN_EDITOR);
    this._exampleNode = example;

    node.append(example);
  }
};

Flotr.Examples.Example = Example;

})();