define(['jquery', 'underscore', 'backbone', 'controls/footer/footer', 'controls/header/header', 'classes/profile'],
function($, _, Backbone, Footer, Header, Profile){

  var BaseView = Backbone.View.extend({
    
    header: null,
    footer: null,
    
    initialize: function () {
        this.header = new Header({ title: "Il Lievitario"});
        this.footer = new Footer();      
    },
    
    render: function(){        
        this.header.render();
        this.footer.render();        
        //add the attribute 'data-role="page" ' for each view's div
        this.$el.attr('data-role', 'page');
        this.$el.attr('data-theme', Profile.data.tema);
    },    
    onShowed: null
  });
  return BaseView;
});