var intervalTime = 5000;

var actImage = 0;
var nextImage = 1;
var isChanging = false;

var intID;

$().ready(function () {
    /* gestione dell'animazione dell' header */
    $(".header_image:first").after("<img class=\"header_image\" src=\"" + headerImageList[nextImage] + "\" alt=\"\" style=\"z-index:1;\" />");
    intID = setInterval("changeImage()", intervalTime);
});

function changeImage() {
    isChanging = true;

    // aggiorno il numero dell'immagine arriva e della prossima
    actImage++;
    if (actImage >= totImage) {
        actImage = 0;
    }

    nextImage = actImage + 1;
    if (nextImage >= totImage) {
        nextImage = 0;
    }

    //avvio l'effetto ed alla fine carico subito l'immagine sucessiva
    $(".header_image:first").fadeOut(1200, function () {

        $(this).next().css("z-index", "2");
        $(this).next().after("<img class=\"header_image\" src=\"" + headerImageList[nextImage] + "\" alt=\"\" style=\"z-index:1;\" />");
        $(this).remove();

        isChanging = false;
    });
}