Ext.onReady(function() {
    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'qtip';

    var txtNome = new Ext.form.TextField({
        id: 'txtNome',
        fieldLabel: 'Nome',
        emptyText: '',
        allowBlank: false,
        tabIndex: 41,
        width: 50,
        anchor: '95%'
    });

    var txtEmail = new Ext.form.TextField({
        id: 'txtEmail',
        fieldLabel: 'E-mail',
        emptyText: '',
        allowBlank: false,
        vtype: 'email',
        tabIndex: 42,
        width: 50,
        anchor: '100%'
    });

    var txtComentario = new Ext.form.TextArea({
        fieldLabel: 'Digite uma mensagem para o bebê',
        name: 'txtComentario',
        emptyText: '',
        allowBlank: false,
        width: 475,
        height: 210,
        tabIndex: 43
    });

    var qryStr = window.location.search.substring(1);

    var FormComentario = new Ext.form.FormPanel({
        id: 'FormComentario',
        labelAlign: 'top',
        frame: false,
        border: false,
        renderTo: 'comentForm',
        width: 475,
        buttonAlign: 'center',
        bodyStyle: 'background-color:transparent;',
        items: [
            {
                layout: 'column',
                border: false,
                bodyStyle: 'background-color:transparent;',
                items: [
                    { columnWidth: .5, border: false, layout: 'form', items: [txtNome], bodyStyle: 'background-color:transparent;' },
                    { columnWidth: .5, border: false, layout: 'form', items: [txtEmail], bodyStyle: 'background-color:transparent;' }
                ]
            },
            txtComentario
    	],
        buttons: [
	        new Ext.Button({
	            id: 'enviarComentario',
	            text: 'Enviar Comentário',
	            tooltip: 'Enviar Comentário',
	            tabIndex: 44,
	            handler: function() {
	                FormComentario.getForm().submit({
	                    url: 'Bebe.aspx?' + qryStr,
	                    params: { grava_comentario: true },
	                    method: 'POST',
	                    waitTitle: 'Aguarde..',
	                    waitMsg: 'Enviando informações.',
	                    success: function() {
	                        Ext.Msg.alert('Status', '<b>Mensagem Enviada com sucesso!</b><br />Sua mensagem irá passar por uma análise e em breve estará disponível no site.', function(btn, text) {
	                            if (btn == 'ok') {
	                                FormComentario.getForm().reset();
	                                window.location.href = 'Bebe.aspx?' + qryStr;
	                            }
	                        });
	                    },
	                    failure: function(form, action) {
	                        if (action.failureType == 'server') {
	                            obj = Ext.util.JSON.decode(action.response.responseText);
	                            Ext.Msg.alert('Não foi posssivel enviar a mensagem!', obj.errors.reason);
	                            FormComentario.getForm().reset();
	                        }
	                    }
	                });
	            }
	        }),
	        new Ext.Button({
	            id: 'limparComentario',
	            text: 'Limpar',
	            tooltip: 'Limpar',
	            tabIndex: 45,
	            handler: function() {
	                FormComentario.getForm().reset();
	            }
	        })
	    ]
    });
});