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

Itransition.ChartCrafters.MarketWindow.ux.TopPanel = Ext.extend(Ext.Panel, {
    mainLogoPath : undefined,
    mainLogoLink : undefined,
    mainLogoAlt : undefined,
    mainLogoVisibility: undefined,
    additionalLogoPath : undefined,
    additionalLogoLink : undefined,
    additionalLogoAlt : undefined,
    additionalLogoVisibility : undefined,
    
    initComponent : function() {
        Itransition.ChartCrafters.MarketWindow.ux.TopPanel.superclass.initComponent.apply(this, arguments);
    },
    
    onRender : function() {
        Itransition.ChartCrafters.MarketWindow.ux.TopPanel.superclass.onRender.apply(this, arguments);

        this.body.update('<table width="100%"><tr><td valign="top"><div style="text-align:left;visibility:' + this.mainLogoVisibility + ';"><a href="' + this.mainLogoLink + '" target="_blank"><img src="' + this.mainLogoPath + '" alt="' + this.mainLogoAlt + '"/></a></td><td valign="top" style="text-align:right;"><div style="visibility:' + this.additionalLogoVisibility + ';"><a href="' + this.additionalLogoLink + '" target="_blank"><img src="' + this.additionalLogoPath + '" alt="' + this.additionalLogoAlt + '"/></a></div></td></tr></table>');
    }
});

Ext.reg('toppanel', Itransition.ChartCrafters.MarketWindow.ux.TopPanel);