/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
 var ds;
function loadAlumniList(){
Ext.onReady(function(){

    ds = new Ext.data.Store({
		 proxy: new Ext.data.HttpProxy({
                url: 'index.php?option=com_ajaxdb'
            }),
            baseParams:{task: "ALUMNIlist"}, // this parameter is passed for any HTTP request
        reader: new Ext.data.JsonReader({
            root: 'results',
            totalProperty: 'total',
            id: 'id'
        }, [
            {name: 'studentfname', mapping: 'studentfname'},
            {name: 'studentlname', mapping: 'studentlname'},
			{name: 'course', mapping: 'course'},
			{name: 'cid', mapping: 'cid'},
			{name: 'year', mapping: 'year'}
        ])
    });
	
	
	 // Custom rendering Template
    var resultTpl = new Ext.XTemplate(
        '<tpl for="."><div class="search-item">',
            '<h3><span>{studentfname} {studentlname} - {course} {year}</span></h3>',
        '</div></tpl>'
    );

    
    var search = new Ext.form.ComboBox({
        store: ds,
        displayField:'studentfname',
        typeAhead: false,
        loadingText: 'Searching...',
        width: 570,
		tpl: resultTpl,
        pageSize:1000,
        hideTrigger:true,
        applyTo: 'search',
        itemSelector: 'div.search-item',
		 onSelect: function(record){ // override default onSelect to do redirect
            window.location =
                String.format('/alumni/?task=show&sendcid={0}&courseid={1}', record.data.cid, record.data.course);
		}
    });
});

}