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

Ext.onReady(function(){

				Ext.QuickTips.init();
				
				Ext.BLANK_IMAGE_URL = url + '/bibliotecas/extjs/resources/images/default/s.gif';

				// Departamento Data Store
    var dsDepartamento = new Ext.data.Store({
        proxy: new Ext.data.ScriptTagProxy({
												url: url + '/modulos/busca/busca.departamento.php?loja=' + lojaId
        }),
        reader: new Ext.data.JsonReader({
            root: 'resultado',
            fields: [
                {name: 'id', type: 'int'},
																{name: 'titulo', type: 'string'}
            ]
        }),
        remoteSort: true
    });
    dsDepartamento.setDefaultSort('titulo', 'asc');
				dsDepartamento.load();
	
	   // ComboBox Departamento
				var departamento = new Ext.form.ComboBox({
								fieldLabel: 'BUSCA',
								hiddenName: 'busca_departamento',
								//allowBlank: false,
								msgTarget: 'qtip',
								store: dsDepartamento,
								valueField: 'id',
								displayField: 'titulo',
								typeAhead: true,
								mode: 'remote',
								triggerAction: 'all',
								emptyText: 'Todo site',
								selectOnFocus: true,
								editable: false,
								multiSelect: true,
								listWidth: 200,
								anchor: '98%'
				});

    // Texto da busca
				var texto = new Ext.form.TextField({
								fieldLabel: 'Texto',
								hideLabel: true,
								id: 'busca',
								name: 'busca',
								allowBlank: false,
								//width: 250,
								maxLength: 255,
								minLength: 1,
								msgTarget: 'qtip',
								anchor: '98%'
				});

    // Form ----------------------------------------------------
    var formBusca = new Ext.FormPanel({
								el: 'div-busca',
								bodyStyle: 'background-color:transparent;',
								autoWidth: true,
								labelAlign: 'left',
								labelWidth: 45,
								border: false,
								autoWidth: true,
								autoHeight: true,
								items: [{
												layout: 'column',
												baseCls: 'x-plain',
												anchor: '100% 100%',
												items:[{
																columnWidth: .55,
																layout: 'form',
																border: false,
																bodyStyle: 'background-color:transparent;',
																items: [departamento]
												},{
																columnWidth: .35,
																layout: 'form',
																border: false,
																bodyStyle: 'background-color:transparent;',
																items: [texto]
												},{
																columnWidth: .1,
																baseCls: 'x-plain',
																border: false,
																//style: {'margin-top':'18px', 'text-align':'right'},
																items: new Ext.Button({
																				text: '',
																				iconCls: 'ok',
																				handler: function() {
																								if (formBusca.form.isValid()) {
                            window.location = url + '/?loja=' + lojaId + '&modulo=busca&mostrar=busca&busca=' + texto.getValue() + '&busca_departamento=' + departamento.getValue();               
																								} else {
																												Ext.MessageBox.show({
																																title: 'Erro',
																																msg: '<b>Por favor, verifique os erros.</b>',
																																buttons: Ext.MessageBox.OK,
																																icon: Ext.MessageBox.ERROR			
																												});
																								}             
																				}
																})
												}]
								}]
				});

				formBusca.render();
});