Ext.namespace("Itransition.ChartCrafters.MarketWindow.ux");

Itransition.ChartCrafters.MarketWindow.ux.RAPanel = Ext.extend(Ext.Panel, {
    raTitlePath : undefined,
    border: false,
    
    initComponent : function() {
        Itransition.ChartCrafters.MarketWindow.ux.RAPanel.superclass.initComponent.apply(this, arguments);
    },
    
    onRender : function() {
        Itransition.ChartCrafters.MarketWindow.ux.RAPanel.superclass.onRender.apply(this, arguments);
        
        this.body.update(
            '<div id="ra-global-panel" style="padding-top:5px;padding-left:5px; ">' +
            '<table width="100%" cellspacing="0" cellpadding="0" border="0">' +
            '<tr><td><img src="' + this.raTitlePath + '" width="200" height="14"/></td></tr>' +
            '<tr><td><div id="left-south" style="text-aling:left; vertical-align:top; border: solid 1px #999999; height:100px;">'+
            '<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr>' +
            '<td style="vertical-align:middle;"><div id="ra-south-panel" style="padding-left:2px; padding-top:5px;"></div></td> ' +
            '</tr></table></div></table></div>');
    }
});

Ext.reg('rapanel', Itransition.ChartCrafters.MarketWindow.ux.RAPanel);