Ext.namespace('Ext.ux');

Ext.ux.CenterLayout = Ext.extend(Ext.layout.FitLayout, {
    extraCls: 'x-abs-layout-item',
    onLayout : function(ct, target){
        Ext.layout.FitLayout.superclass.onLayout.call(this, ct, target);
        if(!this.container.collapsed){
            this.setItemSizePosition(this.activeItem || ct.items.itemAt(0), target.getStyleSize());
        }
    },
    setItemSizePosition: function(item, size) {
        var left = size.width - item.width;
        if(left > 0) {
            size.width = item.width;
            item.setPosition(left/2,0);
        }
        else
            item.setPosition(0,0);
        item.setSize(size);
    }
});

Ext.Container.LAYOUTS['center'] = Ext.ux.CenterLayout;