colapsador = function(clickEl, elColapsado,navRapida){
	 
    this.clickEl = Ext.get(clickEl);
    this.elColapsado = Ext.get(elColapsado);
	
    this.clickEl.addClass('collapser-expanded');
	//this.clickEl.addClass("x-dlg-collapsed");
	
	navRapida === true ? this.navRapida = true : this.navRapida = false;
	var eventoNavegador = 'click'
	if (this.navRapida){
		eventoNavegador = 'mouseover';
	}
	this.clickEl.mon(eventoNavegador, 
						  			function(){
										this.colapsado === true ? this.expande() : this.colapsa();
									}, 
					 this, true);

};


colapsador.prototype = {
    colapsa : function(){
        this.elColapsado.clip();
        this.elColapsado.setHeight(1, true, .35, this.postColapsar.createDelegate(this), YAHOO.util.Easing.easeOut);
    },
    
    postColapsar : function(){
        this.colapsado = true;
        //this.elColapsado.setDisplayed(false);
		this.elColapsado.addClass("x-dlg-collapsed");
        this.clickEl.replaceClass('collapser-expanded','collapser-collapsed');
    },
    
    expande : function(){
		//this.elColapsado.setDisplayed(true);
		this.elColapsado.removeClass("x-dlg-collapsed");
		this.elColapsado.autoHeight(true, .35, this.postExpandir.createDelegate(this), YAHOO.util.Easing.easeOut);
       
        
    },
    
    postExpandir : function(){
        this.colapsado = false;
        this.elColapsado.unclip();
       //  this.elColapsado.setStyle('height', '');   
        this.clickEl.replaceClass('collapser-collapsed','collapser-expanded');
    }
};