var overlay, confirm, sending;


Ext.setup({
    onReady: function() {
        
        
         overlay = new Ext.Panel({
            floating: true,
            modal: true,
            centered: false,
            width: Ext.is.Phone ? 260 : 450,
            height: Ext.is.Phone ? 220 : 500,
            styleHtmlContent: true,
            contentEl: 'tweetBox',
            cls: 'htmlcontent'
        });

         confirm = new Ext.Panel({
            floating: true,
            modal: true,
            centered: false,
            width: Ext.is.Phone ? 260 : 450,
            height: Ext.is.Phone ? 220 : 300,
            styleHtmlContent: true,
            contentEl: 'confirmBox',
            cls: 'htmlcontent'
        });

        sending= new Ext.Panel({
            floating: true,
            modal: true,
            centered: false,
            width: Ext.is.Phone ? 260 : 300,
            height: Ext.is.Phone ? 220 : 220,
            styleHtmlContent: true,
            contentEl: 'sendingBox',
            cls: 'htmlcontent'
        });

        
        var showCenteredOverlay = function(btn, event) {
            overlay.setCentered(true);
            overlay.show();
        };
        
        new Ext.Panel({
            fullscreen: true,
			contentEl: 'variable',
			scroll: false
        });
    }
});