/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

var bread;
var list;

Ext.app.SearchField = Ext.extend(Ext.form.TwinTriggerField, {
    initComponent : function(){
        Ext.app.SearchField.superclass.initComponent.call(this);
        this.on('specialkey', function(f, e){
            if(e.getKey() == e.ENTER){
                this.onTrigger2Click();
            }
        }, this);
    },

    validationEvent:false,
    validateOnBlur:false,
    trigger1Class:'x-form-clear-trigger',
    trigger2Class:'x-form-search-trigger',
    hideTrigger1:true,
    width:180,
    hasSearch : false,
    paramName : 'query',

    onTrigger1Click : function(){
        if(this.hasSearch){
            this.el.dom.value = '';
            var o = {start: 0};
            this.store.baseParams = this.store.baseParams || {};
            this.store.baseParams[this.paramName] = '';
            this.store.reload({params:o});
            this.triggers[0].hide();
            this.hasSearch = false;
			
			if(undefined !== window.extGrid){
				if('member' == extGrid){
					var breadcrumb = document.getElementById('memberbread');
					var member_h = document.getElementById('member_h');
					breadcrumb.innerHTML = bread;
					member_h.innerHTML = list;
				}else if('events' == extGrid){
					var b = $j('#eventbread');
					b.html(bread);
					var h = $j('#center_col h1');
					h.html(list); 
				}
			}
        }
    },

    onTrigger2Click : function(){
        var v = this.getRawValue();
        if(v.length < 1){
            this.onTrigger1Click();
            return;
        }
        var o = {start: 0};
        this.store.baseParams = this.store.baseParams || {};
        this.store.baseParams[this.paramName] = v;
        this.store.reload({params:o});
        this.hasSearch = true;
        this.triggers[0].show();
		
		if(undefined !== window.extGrid){
			if('member' == extGrid){
				var breadcrumb = document.getElementById('memberbread');
				bread = breadcrumb.innerHTML; 
				var member_h = document.getElementById('member_h');
				list = member_h.innerHTML;
				breadcrumb.innerHTML = Bitskin.lang.search;
				member_h.innerHTML = Bitskin.lang.search;	
			}else if('events' == extGrid){
				var b = $j('#eventbread');
				bread = $j('#eventbread').html();
				b.html(Bitskin.lang.search);
				var h = $j('#center_col h1');
				list = $j('#center_col h1').html();
				h.html(Bitskin.lang.search); 
			}
			
			
		}
    }
});