/*
 * Ext JS Library 2.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function() {

				if (Ext.get('div-avise')) {
								Ext.QuickTips.init();
								
								// E-mail
								var email = new Ext.form.TextField({
												fieldLabel: 'Avise-me quando chegar',
												id: 'email',
												name: 'email',
												allowBlank: false,
												emptyText: 'Digite seu e-mail',
												maxLength: 255,
												vtype: 'email',
												msgTarget: 'qtip',
												anchor: '100%'
								});
				
								// Produto
								var produto = new Ext.form.Hidden({
												id: 'produto',
												name: 'produto'
								});
								
								var btnOk = new Ext.Button({
												text: '',
												iconCls: 'ok',
												handler: function() {
																if (formPanel.form.isValid()) {
																				Ext.get('div-avise').mask('Aguarde...');
																				formPanel.form.submit({	
																								params: {loja: lojaId, acao:'avise'},
																								failure: function(form, action) {
																												Ext.MessageBox.show({
																																title: 'Erro',
																																msg: action.result.msg.clientCode,
																																buttons: Ext.MessageBox.OK,
																																icon: Ext.MessageBox.ERROR
																												});
																												Ext.get('div-avise').unmask();
																								},
																								success: function(form, action) {
																												Ext.MessageBox.show({
																																title: 'informação',
																																msg: action.result.msg.clientCode,
																																buttons: Ext.MessageBox.OK,
																																icon: Ext.MessageBox.INFO
																												});
																												Ext.get('div-avise').unmask();
																												formPanel.form.reset();
																								}
																				});                   
																} else {
																				Ext.MessageBox.show({
																								title: 'Erro',
																								msg: '<b>Por favor, verifique os erros.</b>',
																								buttons: Ext.MessageBox.OK,
																								icon: Ext.MessageBox.ERROR			
																				});
																}             
												}
								});
								
								// Form ----------------------------------------------------
								var formPanel = new Ext.FormPanel({
												url: url + '/modulos/produto/produto.acao.php',
												el: 'div-avise',
												bodyStyle: 'background-color:transparent;',
												autoWidth: true,
												labelAlign: 'top',
												border: false,
												autoWidth: true,
												autoHeight: true,
												items: [{
																layout: 'column',
																baseCls: 'x-plain',
																anchor: '100% 100%',
																items:[
																				produto,
																{
																				columnWidth: .8,
																				layout: 'form',
																				border: false,
																				bodyStyle: 'background-color:transparent;',
																				items: [email]
																},{
																				columnWidth: .2,
																				baseCls: 'x-plain',
																				border: false,
																				style: {'margin-top':'16px', 'margin-left':'4px'},
																				items: btnOk
																}]
												}]
								});
				
								formPanel.render();
				}
});