Ext.ux.DemonWindow = Ext.extend(Ext.Window, {

    closeAction: 'close',
    closable: true,

    initComponent : function(){
        var defConfig = {
            
        }

        Ext.applyIf(this,defConfig);
        Ext.ux.DemonWindow.superclass.initComponent.call(this);

    },
    afterRender : function(){
        Ext.ux.DemonWindow.superclass.afterRender.call(this);
        this.addListeners();

    },
    addListeners : function(){
        this.on('move', function(window,x,y){
            var width = Ext.getBody().getWidth()
            var height = Ext.getBody().getHeight()
            var headerHeight = window.header.getHeight()
            var headerWidth = window.header.getTextWidth() + 20
            var box = window.getBox(true)
            var update = false
            if( box.x < 0 ){
                box.x = 0
                update = true
            }
            else if( box.x + headerWidth > width ){
                box.x = width - headerWidth
                update = true
            }
            if( box.y < 0 ){
                box.y = 0
                update = true
            }
            else if( box.y + headerHeight > height ){
                box.y = height - headerHeight
                update = true
            }
            if( update )
                window.updateBox( box )
        })
    }
})

Ext.reg('DemonWindow', Ext.ux.DemonWindow);