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

    var txtTitulo = new Ext.form.TextField({
        id: 'txtTitulo',
        fieldLabel: 'Titulo',
        emptyText: '',
        labelSeparator: '',
        tabIndex: 51,
        width: 25,
        anchor: '95%'
    });

    var txtDescricao = new Ext.form.TextField({
        id: 'txtDescricao',
        fieldLabel: 'Descrição',
        emptyText: '',
        tabIndex: 52,
        width: 20,
        anchor: '95%'
    });

    var FormTvBns = new Ext.form.FormPanel({
        id: 'FormTvBns',
        labelAlign: 'top',
        frame: false,
        border: false,
        bodyStyle: 'background-color:transparent;',
        url: '',
        width: 470,
        renderTo: 'PesqForm',
        buttonAlign: 'center',
        bodyStyle: 'background-color:transparent;',
        items: [
            {
                layout: 'column',
                border: false,
                bodyStyle: 'background-color:transparent;',
                items: [
                    { columnWidth: .5, border: false, layout: 'form', items: [txtTitulo], bodyStyle: 'background-color:transparent;' },
                    { columnWidth: .5, border: false, layout: 'form', items: [txtDescricao], bodyStyle: 'background-color:transparent;' }
                ]
            }
	    ],
        buttons: [
	        new Ext.Button({
	            id: 'limparPesqTv',
	            text: 'Limpar',
	            tooltip: 'Limpar',
	            tabIndex: 54,
	            handler: function() {
	                FormTvBns.getForm().reset();
	            }
	        }),
	        new Ext.Button({
	            id: 'btnEnviarTv',
	            text: 'Pesquisar Vídeo',
	            tooltip: 'Pesquisar Vídeo',
	            tabIndex: 53,
	            minWidth: 50,
	            handler: function() {
	                if (FormTvBns.form.isValid()) {
	                    var qryStr = '';

	                    var txtTitulo = Ext.getCmp('txtTitulo');
	                    if (txtTitulo.getValue() != '') {
	                        qryStr += 'txtTitulo=' + txtTitulo.getValue() + '&';
	                    }

	                    var txtDescricao = Ext.getCmp('txtDescricao');
	                    if (txtDescricao.getValue() != '') {
	                        qryStr += 'txtDescricao=' + txtDescricao.getValue() + '&';
	                    }

	                    if (qryStr != '') {
	                        qryStr = qryStr.substring(0, qryStr.length - 1);
	                        window.location.href = 'Tv.aspx?' + qryStr.toString();
	                    } else {
	                        Ext.Msg.alert('Bensaúde - Informação', 'Por favor, filtre sua pesquisa com pelo menos um campo.');
	                    }
	                }
	            }
	        })

	    ]
    });

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

    if (qryStr != '') {
        var vars = qryStr.split('&');

        if (vars.length > 0) {
            for (var i = 0; i < vars.length; i++) {
                arr[i] = vars[i].split('=');
                arr[i] = arr[i].toString().replace(',', '*');
            }

            for (var i = 0; i < arr.length; i++) {
                var x = arr[i].toString().split('*');
                if (x[0].toString() == 'txtTitulo') {
                    var txtTitulo = Ext.getCmp('txtTitulo');
                    txtTitulo.setValue(x[1].toString());
                }
                else if (x[0].toString() == 'txtDescricao') {
                    var txtDescricao = Ext.getCmp('txtDescricao');
                    txtDescricao.setValue(x[1].toString());
                }
            }
        }
    }
});