text: app.views.Header = app.views.Base.extend({
  
    el: '#header',
  
    title_template: _.template(TEMPLATES['header_title.ejs']),
  
    initialize: function(data){
      this.data = data;
  
      this.render();
    },
  
    render: function() {
      // render the title
      this.renderTitle();
  
      // render the header crumbs
      var header_crumbs = new app.views.Crumbs(_.extend({}, this.data, {el: '#header-crumbs'}));
  
      // render the primary menu
      var primary_menu = new app.views.Menu(_.extend({}, this.data, {el: '#primary-menu-container', menu_key: 'header'}));
  
      // render the account
      var account = new app.views.Account(this.data);
  
      return this;
    },
  
    renderTitle: function(){
      this.$el.find('#header-title').html(this.title_template(this.data));
    }
  
  });
  