﻿function desactivarLinkOtroSistema(link)
{
    document.getElementById(link).style.display = 'none';
}  

function mostrarInfo(li)
{        
    var d = li.getElementsByTagName("div")[0];
    var i = li.getElementsByTagName("img")[0];
    
    if (d.style.display == '')
    {
        d.style.display = 'none';
        i.src = 'imagenes/mas.gif';  
    }
    else
    {
        d.style.display = '';
        i.src = 'imagenes/menos.gif';              
    }               
}     

function cambiarImagen(num, galeria)
{
    //debugger;
    var imagenes = document.getElementById(galeria).getElementsByTagName('img');
    var indiceActual;
    
    for (var i=0; i<imagenes.length; i++)
    {
        if (imagenes[i].style.display == '')
        {
            indiceActual = imagenes[i].id.replace('imgGaleria', '');
            break;
        }
    }
    
    //si estoy en la 1er imagen y se dio anterior, sale o si estoy en la ultima y dio siguiente
    if ((indiceActual == 1 && num == -1) || (indiceActual == imagenes.length && num == 1))
        return false;
    
    document.getElementById('imgGaleria' + indiceActual).style.display = 'none';
    
    var span = document.getElementById('spanTitulo');
    var indiceNuevo = parseInt(indiceActual) + parseInt(num);
    
    document.getElementById('imgGaleria' + indiceNuevo).style.display = '';
    document.getElementById('imgGaleria' + indiceNuevo).style.display = '';
    span.innerHTML = document.getElementById('imgGaleria' + indiceNuevo).alt;
    
    return false;
}

function ocultarMostrarModulos(tagOcultar, link, textoOcultar, textoMostrar)
{
    var tag = document.getElementById(tagOcultar);
    
    if (tag.style.display == 'none')
    {
        tag.style.display = '';
        link.innerHTML = textoOcultar;
    }
    else
    {
        tag.style.display = 'none'
        link.innerHTML = textoMostrar;
    }
    
    return false;
}

function sel(td)
{
    //debugger;
    
    //saca el CSS de seleccionado a todos los TDs
    quitarCssSel();
    
    //marca como seleccionado (con la CSS) el td por el que se pasa el mouse
    td.className = 'tdEtapaSel';
    
    //oculta todas las etapas
    ocultarEtapas();
            
    //muestra la etapa que corresponde
    document.getElementById('div' + td.id).style.display = '';
}

function quitarCssSel()
{
    document.getElementById('modulos').className = 'tdEtapa'
    document.getElementById('imagenes').className = 'tdEtapa'
    document.getElementById('req').className = 'tdEtapa'    
    document.getElementById('adap').className = 'tdEtapa'    
}

function ocultarEtapas()
{
    document.getElementById('divmodulos').style.display = 'none';
    document.getElementById('divimagenes').style.display = 'none';
    document.getElementById('divreq').style.display = 'none';
    document.getElementById('divadap').style.display = 'none';                        
}        