//= = = = = = = = = = = = = = = = = = = = = = = = =
function btnDiscos_onMoseOver(elemento)
{
    var idTabla=elemento.getAttribute('idTablaPadre');
    // primero cambio la apariencia de los botones
    var losDiscos=document.getElementsByName('botonDisco');
    for (var i=0;i<losDiscos.length;i++)
        if (losDiscos[i]==elemento)
            elemento.className='botonDiscoSeleccionado';
        else
            losDiscos[i].className='botonDisco';

    var elDivSalida=document.getElementById('tablaSalida');
    var losDivs=elDivSalida.getElementsByTagName('div');

    for (var i=losDivs.length-1;i>=0;i--)
        elDivSalida.removeChild(losDivs[i]);

    var laTablaTemas=document.getElementById(idTabla);
    var lasFilas=laTablaTemas.getElementsByTagName('tr');
    var laConstanteDeEspacio=100/(lasFilas.length);
    for (var i=0;i<lasFilas.length;i++)
    {
    	var losInputs=lasFilas[i].getElementsByTagName('input');
    	var elNuevoDiv=document.createElement('div');

        // calculo el top y left para cada boton
        var nuevoTop=Math.random() * (laConstanteDeEspacio - 5);
        nuevoTop=nuevoTop+(laConstanteDeEspacio * i);
        nuevoTop=Math.round(nuevoTop);
        var nuevoLeft=Math.random() * (40);
        nuevoLeft=Math.round(nuevoLeft);

        // creo el nuevo boton
        var elNuevoBoton=document.createElement('input');
        elNuevoBoton.className='botonTema';
        elNuevoBoton.style.position='absolute';
        elNuevoBoton.style.top=nuevoTop + '%';
        elNuevoBoton.style.left=nuevoLeft + '%';

        elNuevoBoton.type='button';
        elNuevoBoton.setAttribute('rutaArchivo',losInputs[0].value);
        elNuevoBoton.value=losInputs[1].value;
        elNuevoBoton.onclick=function onclickbutton()
                             {
                             	var elForm=document.getElementById('formularioArchivo');
                             	elForm.elements['elArchivo'].value=this.getAttribute('rutaArchivo');
                             	elForm.submit();
                             	this.blur();
                             };

        elNuevoBoton.onmouseover=function onmouseoverbutton()
                                 {
                                 	this.className='botonTemaSeleccionado';
                                 };
        elNuevoBoton.onmouseout=function onmouseoutbutton()
                                 {
                                 	this.className='botonTema';
                                 };

        elNuevoDiv.appendChild(elNuevoBoton);
        elDivSalida.appendChild(elNuevoDiv);
    }
}
//= = = = = = = = = = = = = = = = = = = = = = = = =
function btnDiscos_onClick(elemento)
{
     var idTabla=elemento.getAttribute('idTablaPadre');
     setTimeout('oculta_Temas(\'' + idTabla + '\')',50);
}
//= = = = = = = = = = = = = = = = = = = = = = = = =
function oculta_Temas(idTabla)
{
     var elDivSalida=document.getElementById('tablaSalida');
     elDivSalida.style.visibility='hidden';
     setTimeout('muestra_Temas(\'' + idTabla + '\')',100);
}
//= = = = = = = = = = = = = = = = = = = = = = = = =
function muestra_Temas(idTabla)
{
     var elDivSalida=document.getElementById('tablaSalida');
     elDivSalida.style.visibility='visible';
}