/**
 * @class Representa un evento que será consumido por un componente, es sólo una estructura de datos
 * @param id Identificador del evento, ej: 'modificar'
 * @param validar ¿Se debe validar antes de hacer submit?
 * @param confirmar ¿Se debe confirmar antes de hacer submit?
 * @constructor 
 */
function evento_ei(id, validar, confirmar, parametros) {
	this.id = id;
	this.validar = (typeof validar == 'undefined') ? true : validar;
	this.confirmar = (typeof confirmar == 'undefined') ? false : confirmar;
	this.parametros = parametros;
	this._silencioso = false;
}

/**
 * @class Clase base de los componentes toba en javascript
 * @constructor
 * @phpdoc Componentes/Eis/toba_ei toba_ei 
 */
function ei(instancia, input_submit) {
	this._instancia = instancia;
	this._input_submit = input_submit;
	
	/**
	 * Componente padre o contenedor del actual
	 * @type ei
	 */
	this.controlador = null;
}
ei.prototype.constructor = ei;

	/**
	 * @private
	 */
	ei.prototype.iniciar = function() {
	};

	/**
	 * @private
	 */
	ei.prototype.set_controlador = function(ci) {
		this.controlador = ci;
	};
	
	//----------------------------------------------------------------
	//---Eventos	 
	
	/**
	 * Informa al componente la presencia de un nuevo evento
	 * @param {evento_ei} evento
	 * @param {boolean} hacer_submit Luego de informar el evento, se inicia el proceso de submit (por defecto true)
	 */
	ei.prototype.set_evento = function(evento, hacer_submit) {
		if (typeof hacer_submit == 'undefined') {
			hacer_submit = true;
		}
		this._evento = evento;
		if (hacer_submit) {
			this.submit();
		}
	};

	/**
	 * Determina cual es el evento que se utiliza cuando no se dispara ninguno explicitamente por el usuario
	 * @param {evento_ei} evento
	 */
	ei.prototype.set_evento_implicito = function(evento) {
		this._evento_implicito = evento;
	};
	
	/**
	 * Limpia el evento actualmente informado al componente
	 */
	ei.prototype.reset_evento = function() {
		this._evento = this._evento_implicito;
	};
		
	//---Submit
	
	/**
	 * Inicia el proceso de submit, este proceso recorre todos los componentes
	 * validandolos y preparandolos para una comunicación con el servidor
	 */
	ei.prototype.submit = function() {
		var padre_esta_listo = this.controlador && !this.controlador.en_submit();
		if (padre_esta_listo) {
			return this.controlador.submit();
		}
	};
	
	/**
	 * Determina si el componente puede hacer submit en base 
	 * al callback redefinible <em>evt__evento</em> donde evento es el id del evento disparado
	 * @type boolean
	 */
	ei.prototype.puede_submit = function() {
		if(this._evento && existe_funcion(this, "evt__" + this._evento.id)){
			var res = this["evt__" + this._evento.id](this._evento.parametros);
			if(typeof res != 'undefined' && !res ){		
				this.reset_evento();
				return false;
			}
		}
		return true;
	};

	/**
	 * Limpia el componente de errores producidos anteriormente
	 */
	ei.prototype.resetear_errores = function() {
	};
	
	/**
	 * Ejecuta un vinculo producido por un evento
	 * Antes de ejecutar el vinculo se llama una callback <em>modificar_vinculo__evento</em> para
	 * que se pueda modificar alguna propiedad del vinculo
	 * @see vinculador
	 */
	ei.prototype.invocar_vinculo = function(id_evento, id_vinculo) {
		// Busco la extension de modificacin de vinculos
		var funciv = 'modificar_vinculo__' + id_evento;
		if (existe_funcion(this, funciv)) {
			this[funciv](id_vinculo);
		}
		vinculador.invocar(id_vinculo);
	};

	//----------------------------------------------------------------  
	//---Servicios graficos 
	
	/**
	 * Referencia al tag HTML que contiene el html de todo el componente
	 */
	ei.prototype.cuerpo = function() {
		return document.getElementById('cuerpo_' + this._instancia);	
	};
	
	/**
	 * Referencia al tag HTML padre del componente
	 * @see #cuerpo
	 */
	ei.prototype.raiz = function() {
		return this.cuerpo().parentNode;
	};
	
	/**
	 * Invierte el colapsado del componente
	 * @see #colapsar
	 * @see #descolapsar
	 */
	ei.prototype.cambiar_colapsado = function() {
		cambiar_colapsado(this.boton_colapsar(), this.cuerpo());		
	};
	
	/**
	 * Colapsa el componente permitiendo, que el usuario puede descolapsarlo pulsando un ícono
	 */
	ei.prototype.colapsar = function() {
		colapsar(this.boton_colapsar(), this.cuerpo());
	};
	
	/**
	 * Descolpsa explícitamente el componente previamente colapsado
	 */
	ei.prototype.descolapsar = function() {
		descolapsar(this.boton_colapsar(), this.cuerpo());
	};
	
	/**
	 * Referencia al tag HTML que representa el boton de colapsar/descolapsar
	 */
	ei.prototype.boton_colapsar = function() {
		return document.getElementById('colapsar_boton_' + this._instancia);
	};

	/**
	 * Oculta el componente completo
	 * @see #mostrar
	 */
	ei.prototype.ocultar = function() {
		this.raiz().style.display = 'none';
	};

	/**
	 * Muestra un componente previamente ocultado
	 * @param {boolean} mostar Pasando true o false permite mostrar u ocultar
	 * @see #ocultar
	 */	
	ei.prototype.mostrar = function(mostrar) {
		if (typeof mostrar == 'undefined') {
			mostrar = true;
		}	
		if (mostrar) {
			this.raiz().style.display = '';	
		} else {
			this.ocultar();	
		}		
	};	

	/**
	 * Desactiva un boton asociado al componente, 
	 * esto no permite que el usuario lo pulse aunque aun es visible
	 * @param {string} id Id. del boton/evento a desactivar
	 * @see #activar_boton
	 */
	ei.prototype.desactivar_boton = function(id) {
		this.get_boton(id).disabled = true;
	};

	/**
	 * Activa un boton previamente desactivado
	 * @param {string} id Id. del boton/evento a activar
	 * @see #desactivar_boton
	 */	
	ei.prototype.activar_boton = function(id) {
		this.get_boton(id).disabled = false;
	};

	/**
	 * Oculta un boton/evento a la vista del usuario
	 * @param {string} id Id. del boton/evento a ocultar
	 * @see #mostrar_boton
	 */	
	ei.prototype.ocultar_boton = function(id) {
		this.get_boton(id).style.display = 'none';
	};

	/**
	 * Muestra un boton previamente ocultado
	 * @param {string} id Id. del boton/evento a mostrar
	 * @see #ocultar_boton
	 */
	ei.prototype.mostrar_boton = function(id) {
		this.get_boton(id).style.display = '';
	};
	
	
	/**
	 * Referencia al tag HTML de un boton especifico
	 * @param {string} id Id. del boton/evento	 
	 */
	ei.prototype.get_boton = function(id) {
		return document.getElementById(this._input_submit + '_' + id);
	};

toba.confirmar_inclusion('componentes/ei');