/****************************************************************
**** Class: pestanas
****
**** Proporciona las funciones para el funcionamiento
**** de pestanas.
****
**** Parametros:
****
**** a) Prefijo del id de las pestanas: #prefijo0, #prefijo1, #prefijo2, ... #prefijoN-1
**** b) Prefijo del id de los selectores de pestana: #selector0, #selector1,... #selectorN-1
**** c) Clase "on" del id del selector
**** d) Clase "off" del id selector
**** e) Numero de pestana que inicialmente estara activada
**** f) Numero de pestanas totales.
****
****************************************************************/

function pestanas(pre, pre_sel, class_sel_on, class_sel_off, pestana_inicial, num){
	var num_pestanas;
	var pestana_activa;
	var prefix = 'pestana_';				// Pestanas: pestana_0, pestana_1, ...
	var prefix_selector = 'selector_';		// Selectores: selector_0, selector_1, ...
	var class_selector_on = 'on';
	var class_selector_off = 'off';
	
	this.prefix = pre;
	this.prefix_selector = pre_sel;
	this.class_selector_on = class_sel_on;
	this.class_selector_off = class_sel_off;
	this.num_pestanas = num;
	
	this.pestana_activa = 0;
	
	this.init = function(pestana){
		for(i=0; i<this.num_pestanas; i++){
			if(i==pestana) this.activar(i);
			else this.desactivar(i);
		}
	}
	
	this.desactivar = function(pestana){
		// Selector a OFF
		sel = document.getElementById(this.prefix_selector+pestana);
		sel.className = this.class_selector_off;
		
		// Ocultar Pestana
		pest = document.getElementById(this.prefix+pestana);
		pest.style.display = 'none';
	}
	
	this.activar = function(pestana){
		this.desactivar(this.pestana_activa);
		
		// Selector a ON
		sel = document.getElementById(this.prefix_selector+pestana);
		sel.className = this.class_selector_on;
		
		// Activar Pestana
		pest = document.getElementById(this.prefix+pestana);
		pest.style.display = 'block';
		
		this.pestana_activa = pestana;
	}
	
	this.init(pestana_inicial);	
}