/**
 * @author jwhitcraft
 */

function renderTagSelectBox(location) {

	if(location != 'd_tags') {
		var el = Ext.fly(location).parent('div');
	} else {
	    try {
	        Ext.fly(location).parent('dl.form').child('dt').remove();
	    } catch (e) {}
		var el = Ext.fly(location).parent('dd');
	}
    Ext.fly(location).remove();

    var defValues = [];



    var select = new Ext.ux.BoxSelect({
        name: location + '[]',
        store: new Ext.data.JsonStore({url: '/tags/lookup/query?format=json', root: 'tags', fields: ['tag_id', 'tag_name']}),
        mode: 'remote',
        minChars: '2',
        queryDelay: 250,
        id: 'tagSelectBox',
        cls: 'tagSelectBox',
        displayField: 'tag_name',
        displayFieldTpl: '{tag_name}',
        valueField: 'tag_id',
        addUniqueValues: false,
        renderTo: el,
        listeners : {
            render : function(cmp) {
                (function(){
                    if(_tagValues.length > 0) {
                        cmp.setValues(new Ext.data.ArrayReader({
                                    id: 0
                                }, Ext.data.Record.create([
                                {name: 'tag_id'},
                                {name: 'tag_name'}
                            ])).readRecords(_tagValues).records);
                    }
                }).defer(50);
            }
        }
    });

}