/*
.........................
:: Javascript a medida. ::
.........................
*/

function mostrarDelegacion(nDelegacion) {
    aDelegaciones = $$('#descripcion div');
    for (i = 0; i < aDelegaciones.length; i++) {
        if (i == nDelegacion) {
            aDelegaciones[i].style.display = "block";
        } else {
            aDelegaciones[i].style.display = "none";
        }
    }
}

var banderolaMostrarFoto = false;

function mostrarFoto(oMiniatura) {
    if (!banderolaMostrarFoto) {
        banderolaMostrarFoto = true;
        var oContenedor = $("imagenActual");
        var oViejaImagen = $$("#imagenActual img")[0];
        var nAlturaContenedor = oViejaImagen.getHeight();
        var nAlturaContenedorFinal;
        var sImagen = oMiniatura.src.split("th").join(""); // URL de la nueva imagen
        var oNuevaImagen = document.createElement("IMG"); // creamos el elemento de la nueva imagen
        var oVeloTransicion = document.createElement("DIV"); // creamos el elemento del "velo"
        
        oVeloTransicion.style.height = nAlturaContenedor + "px"; // fijamos la altura del "velo"
        cambiarOpacidad(oVeloTransicion, 0.8);
        oContenedor.appendChild(oVeloTransicion); // mostramos el "velo"
        
        oContenedor.style.height = nAlturaContenedor + "px"; // fijamos la altura del contenedor para que no "salte"
        
        oNuevaImagen.src = sImagen; // asignamos la ruta para la nueva imagen
        oContenedor.appendChild(oNuevaImagen); // mostramos la nueva imagen
        
        function finalizarMostrarFoto() { //funcioncilla para rematar
            oContenedor.removeChild(oViejaImagen); // ocultamos la vieja imagen
            oContenedor.removeChild(oVeloTransicion); // ocultamos el "velo"
            nAlturaContenedorFinal = $$("#imagenActual img")[0].getHeight();
            animacion(oContenedor, "height", nAlturaContenedor, nAlturaContenedorFinal);
            banderolaMostrarFoto = false;
        }
        
        if($$("#imagenActual img")[1].getHeight() > 80) {
            finalizarMostrarFoto();
        } else {
            eventAssign(oNuevaImagen, "load", finalizarMostrarFoto);
        }
    }
}

function cambiarOpacidad(objeto, valor) {
    objeto.style.opacity = valor;
    objeto.style.filter = 'alpha(opacity=' + valor*100 + ')';
}

function iniciarToolTips() {
    var elementos = $$(".construccion");
    for (var i = 0; i < elementos.length; i++) {
        eventAssign( elementos[i], "mouseover", function () {
                                                    clearTimeout(this.intervalo);
                                                    this.style.zIndex = 1000;
                                                    this.down("span").style.display = "block";
                                                });
        eventAssign( elementos[i], "mouseout", function () {
                                                    this.style.zIndex = 1;
                                                    this.down("span").style.display = "none";
                                                });
    }
}

Event.observe( window, "load", iniciarToolTips);