/*
 * Ext JS Biblioteca 1.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */

// Criando uma aplicação HelloWorld (single instance)
var HelloWorld = function(){
    // tudo neste espaço é private e somente acessível no bloco HelloWorld
    
    // define algumas variáveis private
    var dialog, showBtn;
    
    // retorna uma interface public
    return {
        init : function(){
             showBtn = Ext.get('tumb');
             // atribui o clique do evento
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog){ // Inicializa o dialog e só cria uma única vez
                dialog = new Ext.BasicDialog("hello-dlg", { 
                        autoTabs:true,
                        width:700,
                        height:610,
                        shadow:true,
                        minWidth:700,
                        minHeight:610,
                        proxyDrag: true
						
                });
                dialog.addKeyListener(27, dialog.hide, dialog);
                //dialog.addButton('Submit', dialog.hide, dialog).disable();
                dialog.addButton('Fechar', dialog.hide, dialog);
            }
            dialog.show(showBtn.dom);
        }
    };
}();

// usando o onDocumentReady em vez de window.onload inicializa a aplicação
// quando o DOM estiver pronto, sem esperar carregar imagens ou outras aplicações
Ext.onReady(HelloWorld.init, HelloWorld, true);