favoritoDataStore = new Ext.data.Store({
      id: 'favoritoDataStore',
      proxy: new Ext.data.HttpProxy({
                url: 'contacto.php', 
                method: 'POST'
            }),
            baseParams:{envio: "LISTAR"}, 
      reader: new Ext.data.JsonReader({
        root: 'results',
        totalProperty: 'total'
        //id: 'id'
   },[ 
	  	{name: 'id_entidad', type: 'string', mapping: 'id_entidad'},
		{name: 'st_media', type: 'string', mapping: 'st_media'},
		{name: 'st_nombre', type: 'string', mapping: 'st_nombre'},
		{name: 'st_empresa', type: 'string', mapping: 'st_empresa'},
        {name: 'st_agenda', type: 'string', mapping: 'st_agenda'}
      ]),
      sortInfo:{field: 'st_nombre', direction: "ASC"}
    });
    
  favoritoColumnModel = new Ext.grid.ColumnModel(
    [{
        header: 'Fotos',
        dataIndex: 'st_media',
		id: 'st_media',
		name: 'st_media',
        width: 100,
		renderer:cover_image
      },{
        header: 'Nombre',
        readOnly: true,
        dataIndex: 'st_nombre',
        width: 230
        },/*{
        header: 'Cargo/Posicion',
        dataIndex: 'st_cargo',
        width:110
     
      },*/{
        header: 'Empresa',
        dataIndex: 'st_empresa',
        width: 340
     
      },/*{
        header: 'Exibidor Asociado',
        dataIndex: 'st_exhibi',
        width: 110
    
      },*/{
        header: 'Agenda',
        dataIndex: 'st_agenda',
        width: 60
    	
      },{
        header: 'Perfil',
        dataIndex: 'id_entidad',
        width: 70,
    	renderer: url_perfil
      }]
    );
  
   function cover_image(val){
  			return '<img src=../../upload/media/'+val+' width="50" height="50">';
	};
	function url_perfil(val){
	return '<a href="_perfil.php?id='+val+'"><img src=images/user.png></a>';
	}
		 
		 
    favoritoColumnModel.defaultSortable= true;
  
     favoritoListingEditorGrid =  new Ext.grid.EditorGridPanel({
      id: 'favoritoListingEditorGrid',
      store: favoritoDataStore,
      cm: favoritoColumnModel,
	  	  listeners: {
         rowclick: function(grid,rowindex,e){
                   var fila=grid.getStore().getAt(rowindex);
				    agendaCreateForm.getForm().reset();
                   Ext.getCmp('id_citaField').setValue(fila.get('id_entidad'));
                    //Ext.Msg.alert("ID: "+fila.get('idespecialidad'));                 
               // Ext.Msg.alert("Campo Oculto "+   Ext.getCmp('numField').getValue());
				}},
      enableColLock:false,
	   stripeRows: true,
      clicksToEdit:1,
      selModel: new Ext.grid.RowSelectionModel({singleSelect:false}),
	   bbar: new Ext.PagingToolbar({
                pageSize: 10,
                store: favoritoDataStore,
                displayInfo: true
            }),
      tbar: [{ 
            text: 'Borrar Contactos',
            tooltip: 'Seleccione un Contacto ',
            handler: confirmDeletefavorito,   
            iconCls:'remove'
			 }, '-', {
            text: 'Busqueda de Contactos',
            tooltip: 'Busqueda Avanzada',
            handler: startAdvancedSearch, 
            iconCls:'search'  
		 },'-',{
         text: 'Solicitar un Cita',
			tooltip: 'Seleccione un Contacto antes de Solicitar una cita.',
         iconCls:'add',    // this is defined in our styles.css
         handler: displayFormWindow
      }]
	  
    });
    
  favoritoListingWindow = new Ext.Window({
      id: 'favoritoListingWindow',
      title: 'MIS FAVORITOS - CONTACTOS IIMP',
      draggable:false,
      closable:false,
	  resizable : false,
	  x:0,
	  y:0,
      width:854,
      height:350,
      plain:true,
      layout: 'fit',
      items: favoritoListingEditorGrid
    });
  favoritoDataStore.load({params: {start: 0, limit: 10}});
  favoritoListingWindow.show();