(function () {
 
var
  D                     = Flotr.DOM,
  E                     = Flotr.EventAdapter,
  _                     = Flotr._,
  CLICK                 = 'click',
 
  ID_EXAMPLE_PROFILE    = 'example-profile',
  ID_EXAMPLES           = 'examples',
 
Profile = function (o) {
 
  if (_.isUndefined(Flotr.ExampleList)) throw "Flotr.ExampleList not defined.";
 
  this.editMode = 'off';
  this.list = Flotr.ExampleList;
  this.current = null;
  this.single = false;
 
  this.init();
};
 
Profile.prototype = _.extend({}, Flotr.Examples.prototype, {
 
  examples : function () {
    var
      examplesNode  = document.getElementById(ID_EXAMPLES),
      listNode      = D.node('<ul></ul>'),
      profileNode;
 
    _.each(this.list.getType('profile'), function (example) {
      profileNode = D.node('<li>' + example.name + '</li>');
      D.insert(listNode, profileNode);
      E.observe(profileNode, CLICK, _.bind(function () {
        this.example(example);
      }, this));
    }, this);
 
    D.insert(examplesNode, listNode);
  },
 
  example : function (example) {
    this._renderSource(example);
    this.profileStart(example);
    setTimeout(_.bind(function () {
      this._renderGraph(example);
      this.profileEnd();
    }, this), 50);
  },
 
  profileStart : function (example) {
    var profileNode = document.getElementById(ID_EXAMPLE_PROFILE);
    this._startTime = new Date();
    profileNode.innerHTML = '<div>Profile started for "'+example.name+'"...</div>';
  },
 
  profileEnd : function (example) {
    var
      profileNode = document.getElementById(ID_EXAMPLE_PROFILE);
      profileTime = (new Date()) - this._startTime;
 
    this._startTime = null;
 
    profileNode.innerHTML += '<div>Profile complete: '+profileTime+'ms<div>';
  }
 
});
 
Flotr.Profile = Profile;
 
})();