initComponent: function() {
        // hard coded config (it cannot be changed while instantiating)
        var config = {
            baseCls: 'x-window-profile',
            layout: 'card',
            padding: 11,
            width:  500,
            height: 410,
            activeItem: 0,
            closable: false,
            title: this.welcomeText,
            bbar:  this.buildButtonBar(),
            items: [
                this.buildUserLoginForm(),
                this.buildPasswordRecoveryForm()
            ]
        }; // eo config object

        // apply config
        Ext.apply(this, Ext.apply(this.initialConfig, config));

        // call parent
        Skool.MySkool.rul.window.UserLoginWindow.superclass.initComponent.apply(this, arguments);

        // Set email as focussed
        this.on('afterlayout', function(){
            var emailfield = this.findByType('emailfield')[0];
            emailfield.focus(true, 1);
        }, this, {single: true, delay: 1});

    }