﻿//Codice per la gestione dell'animazione in home page (testo + immagine).
//Data ultima modifica: 12/01/2010
//Autore: Vincenzo Pizio

var cont = 0;
var imgName = 'imgBig'; //Id dell'immagine principale.
var linkImg = "linkImg"; //Link sull'immagine principale.
var linkTesto = "linkTesto";
var speedChange = 20; // Velocità di passaggio da un'opacità all'altra.
var percChange = 4; // Percentuale di opacità che varia ad ogni step.
var percChange_t = 10; // Percentuale di opacità che varia ad ogni step.

var opacity = 0;
var opacity_t = 0;
var verso = 1;

//Metodo per la rilevazione del browser utilizzato.
function sniffer() {
    var indice = navigator.appVersion.indexOf("MSIE");
    var indice2 = navigator.appName.indexOf("Netscape");
    IE = indice > -1 ? 1 : 0;
    NN = indice2 > -1 ? 1 : 0;
    IE4 = parseInt(navigator.appVersion.substr(indice + 5)) == 4 ? 1 : 0;
    IE5 = parseInt(navigator.appVersion.substr(indice + 5)) == 5 ? 1 : 0;
    IE6 = parseInt(navigator.appVersion.substr(indice + 5)) == 6 ? 1 : 0;
    IE7 = parseInt(navigator.appVersion.substr(indice + 5)) == 7 ? 1 : 0;
    NN4 = parseInt(navigator.appVersion) == 4 ? 1 : 0;
    NN6 = parseInt(navigator.appVersion) > 4 ? 1 : 0;
}

function changeAnimation() {
    sniffer();
    //Caso 1: immagine sta scomparendo, opacità compresa tra 100 e 0.
    if ((opacity > 0) && (opacity < 100) && (verso == 0)) {
        speedChange = 50;
        opacity = opacity - percChange;
        document.getElementById(imgName).style.opacity = opacity / 100;
        if (NN == 0) {
            document.getElementById(imgName).filters.alpha.opacity = opacity;
        }

    }
    //Caso 2: immagine sta apparendo, opacità compresa tra 0 e 100.
    else if ((opacity > 0) && (opacity < 100) && (verso == 1)) {
        opacity = opacity + percChange;
        document.getElementById(imgName).style.opacity = opacity / 100;
        if (NN == 0) {
            document.getElementById(imgName).filters.alpha.opacity = opacity;
        }

    }
    //Caso 3: Opacità a 0, immagine non visibile: procedo con il cambio.
    else if (opacity == 0) {
        verso = 1;

        if (!(cont < immagini.length)) {
            cont = 0;
        }

        //document.getElementById(linkImg).href = links[cont];
        //document.getElementById(linkTesto).href = links[cont];
        //document.getElementById(linkTesto).removeChild(document.getElementById(linkTesto).childNodes[0]);
        //var diva = document.createElement("<div>")
        //diva.innerText = ;
        //document.getElementById(linkTesto).innerHTML = titles[cont];
//        for (i = 0; i < titles.length; i++) {
//            document.getElementById(titles[i]).style.display = "none";
//        }
//        document.getElementById(titles[cont]).style.display = "block";
        
        document.getElementById(imgName).src = immagini[cont];
        cont++;
        
        document.getElementById(imgName).style.opacity = 0;
        if (NN == 0) {
            document.getElementById(imgName).filters.alpha.opacity = 0;
        }
        opacity = percChange;
        opacity_t = 0;
        
        
    }
    //Caso 4: Opacità a 100, segnalo il passaggio da incremento a diminuzione dell'opacità.
    else if (opacity == 100) {
        verso = 0;
        opacity = opacity - percChange;
        speedChange = 2500;

    }
    setTimeout('changeAnimation()', speedChange);
}

function startAnimation() {
    changeAnimation();
}
