/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){

    var ds = new Ext.data.Store({
        //proxy: new Ext.data.ScriptTagProxy({
		  proxy: new Ext.data.HttpProxy({									 									 
			url: 'sqlCombo/sql_combo2.php'
        }),
        reader: new Ext.data.JsonReader({
            root: 'rows',
            totalProperty: 'totalCount',
            id: 'codigo'
        }, [
			{name: 'codigo', mapping: 'codigo'},
            {name: 'nombre', mapping: 'nombre'}
        ])
    });
	
	var resultTpl = new Ext.XTemplate(
	'<tpl for="."><div class="search-item">',
	  '<h3>{customer} {nombre}</h3>',
	  //'{nombre_comercial}<br />',
	'</div></tpl>'
	);	
		
    var search = new Ext.form.ComboBox({
		minChars:'1',
		emptyText: '<--- Escriba el nombre de la sustancia activa para desplegar la busqueda  --->',
		listEmptyText: '<h3>Sin resultados...</h3>Por favor prueba con otras palabras',
        store: ds,
        displayField:'nombre',
        typeAhead: false,
        loadingText: 'Buscando...',
        width: 430,
        pageSize:10,
        hideTrigger:true,
        tpl: resultTpl,
		//mode: 'remote',
        applyTo: 'nombre_sus',
        itemSelector: 'div.search-item',
        onSelect: function(record){ // override default onSelect to do redirect
		       //----------------------------------------------------------------
			   this.setValue("");
			   this.collapse();		 
			   cod=record.data.codigo;	 
                 $.fn.colorbox({title:"Informaci&oacute;n de la sustancia activa",
							   href:"light_windows_sus.php?codigo="+cod,
							   iframe:true,
							   innerWidth:665,
							   innerHeight:350});
			   //myLightWindow.activateWindow({href:'light_windows_sus.php?codigo='+cod, 
			   //		title: 'Informacion de la sustancia activa',
			   //		params:"lightwindow_width=660,lightwindow_height=280"});
        }
    });
});