/**
 * Muestra la carpeta 'nombreCarpeta' como aplica el link como activo,
 * Oculta el resto de carpetas e inactiva los links correspondientes
 *
 * <a href="" class="carpeta-activa" id="carpeta1" name="carpetas">Carpeta 1</a>
 * <a href="" class="carpeta-inactiva" id="carpeta2" name="carpetas">Carpeta 2</a>
 * <div id="carpeta1Datos" style="display:;">Contenido de la carpeta 1</div>
 * <div id="carpeta2Datos" style="display:none;">Contenido de la carpeta 2</div>
 *
 * @param nombreCarpeta      tag id del enlace activado (carpeta1)
 * @param opcional name      etiqueta name comun a todos los enlaces (carpetas)
 * @param opcional activa    style del enlace activo (carpeta-activa)
 * @param opcional inactiva  style del enlace inactivo (carpeta-inactiva)
 * @param opcional sufijo    param1 + sufijo es el id de la capa correspondiente a cada carpeta (Datos)
*/
function cambiarCarpetas(nombrecarpeta){
    var a = cambiarCarpetas.arguments;

    var nameLinks          = (a.length > 1)? a[1] : "carpetas"
    var id_activa          = (a.length > 2)? a[2] : "carpeta-activa"
    var id_inactiva        = (a.length > 3)? a[3] : "carpeta-inactiva"
    var sufijoCarpetaDatos = (a.length > 4)? a[4] : "Datos"

	var miscarpetas = document.getElementsByName(nameLinks);
	for (var i = 0; i < miscarpetas.length; i++){
		cambiarEstilo(miscarpetas[i].id, id_inactiva);
		ocultarDatos(miscarpetas[i].id + sufijoCarpetaDatos);
	}
	cambiarEstilo(nombrecarpeta, id_activa);
	mostrarDatos(nombrecarpeta + sufijoCarpetaDatos);
}

function cambiarEstilo(carpetaacambiar, nuevaclase){
	if (document.getElementById(carpetaacambiar)){
		document.getElementById(carpetaacambiar).className = nuevaclase;
	}
}

function ocultarDatos(nombredatos) {
	if (document.getElementById(nombredatos)){
		document.getElementById(nombredatos).style.display = "none";
	}
}

function mostrarDatos(nombredatos) {
	if (document.getElementById(nombredatos)){
		document.getElementById(nombredatos).style.display = "";
	}
}