Ext.namespace('Genesis');

Genesis.ComboBox = function(config) {
	Genesis.ComboBox.superclass.constructor.call(this, config);
	        
		this.on("focus",this.withFocus,this);
		this.on("blur", this.lostFocus,this); 
    
};

Ext.extend(Genesis.ComboBox, Ext.form.ComboBox, {
	visibilityType:'U',
	controlID:'',
	triggerAction: 'all',
    mode: 'local',
   // width:150,
    resizable:true,
    valueField: 'ID',
    displayField: 'NAME',
	typeAhead: true,
    forceSelection: true,
//emptyText:'<<- Select ->>',
   // initComponent:function() {   },

    store:new Ext.data.SimpleStore({
                    fields:['ID','NAME'],
                    data:[
                            ['1',' No1'],
                            ['2',' No2'],
                            ['3',' No3']
                         ]
                    }),
                    
    withFocus:function(){	
		this.hasFocus=true;
        checkVisibility(this);
	 },
	 lostFocus:function(){
	    this.hasFocus=false;
    	checkVisibility(this);
     },
	  
    afterRender:	 function(){
			if(this.rendered)
				   this.listWidth=this.width+15;
            Genesis.ComboBox.superclass.afterRender.apply(this, arguments);
			checkVisibility(this);    		
    }
    	
});

Ext.reg('gencombo',Genesis.ComboBox);