/******************************************************************************************************************************
Librería utilizada para crear un sistema de tabs y poder mostrar el tab correspondiente con la llamada al siguiente método.

	Se le debe pasar el id de la pestaña a la cuál se quiere cambiar y el id del panel que se desea mostrar.
******************************************************************************************************************************/
function tab(pestana, panel) {	
	pst 	= document.getElementById(pestana);
	pnl 	= document.getElementById(panel);
	psts	= document.getElementById('tabs').getElementsByTagName('li');
	pnls	= document.getElementById('paneles').getElementsByTagName('div');
	actual_pnls	= document.getElementById(panel).getElementsByTagName('div');
	
	// Eliminamos las clases de las pestañas.
	for(i=0; i< psts.length; i++) {
		psts[i].className = '';
	}
	
	// Añadimos la clase "actual" a la pestaña activa.
	pst.className = 'actual';
	
	// Eliminamos las clases de las pestañas.
	for(i=0; i< pnls.length; i++) {
		pnls[i].style.display = 'none';
	}
	
	// Mostramos las clases de las subpestañas de la actual y ocultamos las que tengan como className "respuestas_ocultas".
	for(i=0; i< actual_pnls.length; i++) {
		if (actual_pnls[i].className != "respuestas_ocultas")
			actual_pnls[i].style.display = '';
		else
			actual_pnls[i].style.display = 'none';
	}	
	
	// Añadimos la clase "actual" a la pestaña activa.
	pnl.style.display = 'block';
}