var enlaces; var archivo; var imagen;

function $(id){ var elem = document.getElementById(id); return elem; }
function ev(x,y,z) { if (document.addEventListener) { x.addEventListener(y,z,false); } else { x.attachEvent('on'+y,z); } }

function cargar_archivo(x){
    for(var i=0;i<enlaces.length;i++){enlaces[i].getElementsByTagName('img')[0].className = '';}
    if (document.attachEvent){
        var enlace_activado = x.srcElement.parentNode.href;
        x.srcElement.className = 'activa';
    } else {
        var enlace_activado = this;
        this.getElementsByTagName('img')[0].className = 'activa';
    }
    $('descripcion').innerHTML = '<img src="imagenes/cargador.gif" width=50" height="50" alt="Cargando..." />';
    var autor = (enlace_activado.toString().split('='))[1];
    switch(autor){
        case 'clark':
            imagen = 'imagenes/js_no_clark.jpg';
            archivo = 'js_no_clark.htm';
            break;
        case 'keith':
            imagen = 'imagenes/js_no_keith.jpg';
            archivo = 'js_no_keith.htm';
            break;
        case 'cederholm':
            imagen = 'imagenes/js_no_cederholm.jpg';
            archivo = 'js_no_cederholm.htm';
            break;
    }
    var peticion = objetoHTTP();
    if (peticion){
        peticion.onreadystatechange = function(){ resultado(peticion); };
        peticion.open("GET", archivo, true);
        peticion.send(null);
    }
    if (document.attachEvent){ return false; } else { x.preventDefault(); }
}

function resultado(peticion) {
    if (peticion.readyState == 4) {
        if (peticion.status == 200 || peticion.status == 304) {
            var contenido = peticion.responseText;
            $('ampliacion').src = imagen;
            $('descripcion').innerHTML = contenido;            
        }
    }
}

function objetoHTTP() {
    var xhr = false;
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        try {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                xhr = false;
            }
        }
    }
    return xhr;
}

function escuchar_vinculos(x){
    enlaces = $('obras').getElementsByTagName('a');
    for(var i=0;i<enlaces.length;i++){ ev(enlaces[i],'click',cargar_archivo); }
}

ev(window,'load',escuchar_vinculos);