function $(id){ var elem = document.getElementById(id); return elem; }

function cargar_archivo(x){
    var lista_v = $('obras').getElementsByTagName('a');
    for(var i=0;i<lista_v.length;i++){lista_v[i].getElementsByTagName('img')[0].className = '';}
    $('descripcion').innerHTML = '<img src="imagenes/cargador.gif" width=50" height="50" alt="Cargando..." />';
    switch(x){
        case 'js_no_clark.htm':
            $('ampliacion').src = 'imagenes/js_no_clark.jpg';
            lista_v[0].getElementsByTagName('img')[0].className = 'activa';
            break;
        case 'js_no_keith.htm':
            $('ampliacion').src = 'imagenes/js_no_keith.jpg';
            lista_v[1].getElementsByTagName('img')[0].className = 'activa';
            break;
        case 'js_no_cederholm.htm':
            $('ampliacion').src = 'imagenes/js_no_cederholm.jpg';
            lista_v[2].getElementsByTagName('img')[0].className = 'activa';
            break;
    }
    var peticion = objetoHTTP();
    if (peticion){
        peticion.onreadystatechange = function(){ resultado(peticion); };
        peticion.open("GET", x, true);
        peticion.send(null);
        return true;
    } else {
        return false;
    }
}

function resultado(peticion) {
    if (peticion.readyState == 4) {
        if (peticion.status == 200 || peticion.status == 304) {
            var contenido = peticion.responseText;
            $('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;
}