Error in Panel configuration coding

Hi .... I am narrowing a problem down but I am at a loss here.

I am relatively new to Revo and am trying to get the doodles tutorial working. I have go to the point where the call to Ext.onReady should fire and load the panel.

However, after a lot of messing about and debugging firefox, the Javascript code fails with the configuration below. Well at least, if I set a breakpoint on the Ext.onReady function, it never gets hit!! My config which appears to be broken is:

Doodles.panel.Home = function(config) {
config = config || {};
Ext.apply(config,{
border: false
,baseCls: 'modx-formpanel'
,items: [{
html: '<h2>HelloWorld</h2>'
,border: false
,cls: 'modx-page-header'
},{
xtype: 'modx-tabs'
,bodystyle: 'padding: 10px'
,defaults: { border: false ,autoheight: true }
,border: true
,items: [{
title: title
,defaults: { autoheight: true }
,items: [{
html: '<p>Hello world again</p>'
, border: false
}]
}]
}]
});
Doodles.panel.Home.superclass.constructor.call(this,config);
};