Ext.onReady(function() {
	var win;
	var button = Ext.get('mensagem');	
	var button2 = Ext.get('mensagem2');	
		
	button.on('click', abreJanela);
	button2.on('click', abreJanela);	
	
	function abreJanela() {
		// create the window on the first click and reuse on subsequent clicks
			if (!win) {
				win = new Ext.Window( {
					title : 'Preencha os campos abaixo para enviar a mensagem',
					layout : 'fit',
					width : 500,
					height : 300,
					closeAction : 'hide',
					plain : true,
					items : new Ext.form.FormPanel( {
					    id:'formPanel',
						baseCls : 'x-plain',
						labelWidth : 65,
						defaultType : 'textfield',						

						items : [ {
							fieldLabel : 'Seu e-mail',
							id : 'endereco',
							name : 'endereco',
							anchor : '100%' // anchor width by percentage
							}, {
								xtype : 'textarea',
								fieldLabel : 'Comentário',
								id : 'msg',
								name : 'msg',
								width : 400,
								height : 200
								//anchor : '100% -53' // anchor width by
													// percentage and height by
													// raw adjustment
							}]
					}),

					buttons : [ {
						text : 'Enviar',
						handler : function() {
							win.hide();											
							enviaMensagem(Ext.get('endereco').getValue(), Ext.get('msg').getValue());	
						}
					// disabled:true
					}, {
						text : 'Cancelar',
						handler : function() {
							win.hide();
						}
					}]
				});
			}
			win.show(this);
	};	

	function enviaMensagem(endereco, texto) {
		var resp = Ext.get('resp');
		resp.load( {
			url : ['enviamsg.php'],
			params : {
				'endereco' : endereco,
				'msg' : texto
			},
			text : 'Enviando...'
		});
		resp.show();
		//Ext.example.msg('Mensagem Enviada',
		//		'Sua mensagem foi enviada com sucesso \n from:{0} msg "{1}".',
		//		endereco, texto);
	}
});