var doc = document;
var request = false;
var RespuestaXml = false;
var caballoPrevio = "";

if (window.XMLHttpRequest) {
        request = new XMLHttpRequest();
};

function loadHorse() {

    var horse_catalog  = document.getElementById("horse_catalog");
    var horse_photo    = document.getElementById("horse_photo");
    var horse_specs    = document.getElementById("horse_specs");

    if (request.readyState == 4) {
        if (request.status == 200) {
            /* <caballo>
                 <foto>sombragris.jpg</foto>
                 <nombre>sombragris</nombre>
                 <edad>sombragris</edad>
                 <capa>sombragris</capa>
                 <raza>sombragris</raza>
                 <tercio>sombragris</tercio>
               </caballo> */
            RespuestaXml = request.responseXML;

            /*Valores del caballo inicializados.*/
            var foto_caballo   = "";
            var nombre_caballo = "";
            var edad_caballo   = "";
            var capa_caballo   = "";
            var raza_caballo   = "";
            var tercio_caballo = "";

            var x = RespuestaXml.getElementsByTagName('caballo');
            if (x.length > 0)
            {
                for (j=0;j<x[0].childNodes.length;j++)
                {
                    if (x[0].childNodes[j].nodeType != 1) continue;
                    if (x[0].childNodes[j].nodeName == 'foto') {
                        foto_caballo = x[0].childNodes[j].firstChild.nodeValue;};
                    if (x[0].childNodes[j].nodeName == 'nombre') {
                        nombre_caballo = x[0].childNodes[j].firstChild.nodeValue;};
                    if (x[0].childNodes[j].nodeName == 'edad') {
                        edad_caballo = x[0].childNodes[j].firstChild.nodeValue;};
                    if (x[0].childNodes[j].nodeName == 'capa') {
                        capa_caballo = x[0].childNodes[j].firstChild.nodeValue;};
                    if (x[0].childNodes[j].nodeName == 'raza') {
                        raza_caballo = x[0].childNodes[j].firstChild.nodeValue;};
                    if (x[0].childNodes[j].nodeName == 'tercio') {
                        tercio_caballo = x[0].childNodes[j].firstChild.nodeValue;};
                };
            };
            //Precarga de la foto del caballo
            //var newHorse = new Image();
            //newHorse.src = "cuadra/"+foto_caballo;        

            horse_photo.innerHTML = "<IMG id=\"myHorse\" src='cuadra/"+foto_caballo+"' alt='"+foto_caballo+"' style=\"filter:alpha(opacity=0); opacity:0.0;\"></img>";
            horse_specs.innerHTML = "<table height=\"100%\"><tbody valign=\"top\">"+
                    "<tr><td><b>Nombre:</b></td><td>"+nombre_caballo+"</td></tr>"+
                    "<tr><td><b>Edad:</b></td><td>"+edad_caballo+"</td></tr>"+
                    "<tr><td><b>Capa:</b></td><td>"+capa_caballo+"</td></tr>"+
                    "<tr><td><b>Raza:</b></td><td>"+raza_caballo+"</td></tr>"+
                    "<tr><td><b>Tercio:</b></td><td>"+tercio_caballo+"</td></tr></tbody></table>";
        };

        /* Usando un fading */
        /*var id = setInterval("fadeIn('horse_photo')",100);      
        var id = setInterval("fadeIn('horse_specs')",100);*/
        setTimeout("fadeIn('horse_specs')",50);
        setTimeout("fadeIn('myHorse')",50);
        
        /* Seleccionando este caballo */
        if (caballoPrevio != "") {
            var myCaballoPrevio = document.getElementById(caballoPrevio);
            myCaballoPrevio.style.display = 'none';
        }
        caballoPrevio = 'selection_'+nombre_caballo;
        var myCaballoPrevio = document.getElementById(caballoPrevio);
        myCaballoPrevio.style.display = 'block';


    } else {
        /*
        if (horse_photo)    { horse_photo.innerHTML = "<div style=\"position:absolute;top:80px;left:20px;font-weight:bold;\">CARGANDO...<img src=\"images/loading.gif\" alt=\"Espere...\"/></div>"; };
        if (horse_specs)    { horse_specs.innerHTML = "<div style=\"position:absolute;top:80px;left:20px;font-weight:bold;\">CARGANDO...<img src=\"images/loading.gif\" alt=\"Espere...\"/></div>"; };
        */
        ;
    };
};



function getHorse(horse_name) {
    var actual = document.getElementById("actual");
    if (actual && actual.innerHTML == horse_name) {
        return;
    };

    if (window.ActiveXObject) {
        try {
            request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                request = false;
            };
        };
    };

    if (request) {
        request.onreadystatechange = loadHorse;
        request.open("GET", horse_name);
        request.send(null);
    };
    //Desapareciendo el viejo caballo
    disappear('myHorse');
    disappear('horse_specs');
};


function fadeIn(nombre) {
    var imagen = document.getElementById(nombre);
    if (!imagen) { return; };
    if (imagen.style.filter) {
        var opacidad = imagen.style.filter.replace('alpha(opacity=','');
        opacidad = opacidad.replace(')','');
        if (eval(opacidad) < 100) {
            opacidad = eval(opacidad) + 5;
            imagen.style.filter = "alpha(opacity="+opacidad+")";
            setTimeout("fadeIn('"+nombre+"')",50);
        };

    } else if (imagen.style.opacity) {
        if (imagen.style.opacity < 1.0) {
            imagen.style.opacity = eval(imagen.style.opacity) + 0.05;
            setTimeout("fadeIn('"+nombre+"')",50);
        };
    };
};



function disappear(nombre) {
    var imagen = document.getElementById(nombre);
    if (!imagen) { return; };
    if (imagen.style.filter) {
        imagen.style.filter = "alpha(opacity=0)";
    } else if (imagen.style.opacity) {
        imagen.style.opacity = 0.0;
    };
};