listado_pestanas = new Array();

// Cambia el atributo class de un objeto
function cambiarEstilo(idobjeto, nombreclase) {
    if (obj = document.getElementById(idobjeto)) {
        obj.className = nombreclase;
    }
}

// Oculta un objeto cambiando su atributo style.display
function ocultarObjeto(idobjeto) {
    if (obj = document.getElementById(idobjeto)) {
        obj.style.display = "none";
    }
}

// Muestra un objeto cambiando su atributo style.display
function mostrarObjeto(idobjeto) {
    if (obj = document.getElementById(idobjeto)) {
        obj.style.display = "block";
    }
}

// Activación de una pestaña y desactivación de las demás
function cambiarPestana(nombrepestana) {
    if (mispestanas = document.getElementsByName("pestanas")) {
        for (var i = 0; i < mispestanas.length; i++) {
            cambiarEstilo(mispestanas[i].id, "pestana-inactiva");
            ocultarObjeto(mispestanas[i].id + "Datos");
        }
        cambiarEstilo(nombrepestana, "pestana-activa");
        mostrarObjeto(mispestanas[nombrepestana].id + "Datos");
    }
}

function anadirPestana(id, label, activa) {
    objPestanas = document.getElementById('pestanas');
    row = document.createElement('li');
    cssClass = 'pestana-inactiva';
    if (activa) {
        cssClass = 'pestana-activa';
        mostrarObjeto("pestana" + id + "Datos");
    }
    row.innerHTML = '<a href="javascript:void(0);" class="' + cssClass + '" id="pestana' + id + '" name="pestanas" title="' + label + '" >' + label + '</a>&nbsp;';
    objPestanas.appendChild(row);
    if (pestana = document.getElementById("pestana" + id)) {
        pestana.onclick = new Function("cambiarPestana('" + pestana.id + "')");
    }
}