function mostrar(nombre) {
    var imagen = document.getElementById(nombre+'_imagen');
    imagen.name = 'SHOWING';
    var descripcion = document.getElementById(nombre+'_descripcion');
    descripcion.name = 'SHOWING';
    show(nombre+'_imagen'); 
    show(nombre+'_descripcion');
};


function esconder(nombre) {
    var imagen = document.getElementById(nombre+'_imagen');
    imagen.name = 'HIDDING';
    var descripcion = document.getElementById(nombre+'_descripcion');
    descripcion.name = 'HIDDING';
    hide(nombre+'_imagen'); 
    hide(nombre+'_descripcion');
};


/*
function show(nombre) {
    var caballo = document.getElementById(nombre);
    if (caballo.style.opacity < 0.8 && caballo.name == 'SHOWING') {
        caballo.style.opacity = eval(caballo.style.opacity) + 0.1;
        setTimeout("show('"+nombre+"')",50);
    };
};



function hide(nombre) {
    var caballo = document.getElementById(nombre);
    if (caballo.style.opacity > 0.0 && caballo.name == 'HIDDING') {
        caballo.style.opacity = eval(caballo.style.opacity) - 0.1;
        setTimeout("hide('"+nombre+"')",50);
    };
};
*/


function show(nombre) {
    var imagen = document.getElementById(nombre);
    if (imagen.style.filter) {
        var opacidad = imagen.style.filter.replace('alpha(opacity=','');
        opacidad = opacidad.replace(')','');
        if (eval(opacidad) < 80 && imagen.name == 'SHOWING') {
            opacidad = eval(opacidad) + 10;
            imagen.style.filter = "alpha(opacity="+opacidad+")";
            setTimeout("show('"+nombre+"')",50);
        };

    } else if (imagen.style.opacity) {
        if (imagen.style.opacity < 0.8 && imagen.name == 'SHOWING') {
            imagen.style.opacity = eval(imagen.style.opacity) + 0.1;
            setTimeout("show('"+nombre+"')",50);
        };
    };
};



function hide(nombre) {
    var imagen = document.getElementById(nombre);
    if (imagen.style.filter) {
        var opacidad = imagen.style.filter.replace('alpha(opacity=','');
        opacidad = opacidad.replace(')','');
        if (eval(opacidad) > 0 && imagen.name == 'HIDDING') {
            opacidad = eval(opacidad) - 10;
            imagen.style.filter = "alpha(opacity="+opacidad+")";
            setTimeout("hide('"+nombre+"')",50);
        };

    } else if (imagen.style.opacity) {
        if (imagen.style.opacity > 0.0 && imagen.name == 'HIDDING') {
            imagen.style.opacity = eval(imagen.style.opacity) - 0.1;
            setTimeout("hide('"+nombre+"')",50);
        };
    };
};