/*

const intervaloAliados = () => {

    let contador1 = 0, contador2 = 0, contador3 = 0;

    let tiempo1 = setInterval(function () {
        let texto = document.querySelector(".v-constructora").dataset.texto
        let vConstructora = Math.floor(document.querySelector(".v-constructora").dataset.cantidad)
        console.log(vConstructora)
        if (contador1 != vConstructora) {
            contador1 = contador1 + 1;
            document.querySelector(".v-constructora").innerHTML = `<h3 class="tituloCardMas" >${texto} ${contador1}</h3>`;
        }
        else { 

            clearInterval(tiempo1) 
        }

    }, 9); //velocidad

    let tiempo2 = setInterval(function () {
        let texto = document.querySelector(".v-proyecto").dataset.texto
        let vProyecto = Math.floor(document.querySelector(".v-proyecto").dataset.cantidad)
        if (contador2 != vProyecto) {
            contador2 = contador2 + 1;
            document.querySelector('.v-proyecto').innerHTML = `<h3 class="tituloCardMas" >${texto} ${contador2}</h3>`;
        }
        else {
            clearInterval(tiempo2)
        }
    }, 2);

    let tiempo3 = setInterval(function () {
        let texto = document.querySelector(".v-ciudad").dataset.texto
        let vCiudad = Math.floor(document.querySelector(".v-ciudad").dataset.cantidad)
        if (contador3 != vCiudad) {
            contador3 = contador3 + 1;
            document.querySelector('.v-ciudad').innerHTML = `<h3 class="tituloCardMas" >${texto} ${contador3}</h3>`;
        }
        else {
            clearInterval(tiempo3)
        }
    }, 50);

}

*/
let activoScrollSeccion = false
let cantidadAliados = document.querySelector(".cantidad-aliados .aliados-tu360");
let items = cantidadAliados.querySelectorAll(".aliados-tu360 > div")

window.addEventListener('scroll', function () {
    
    let posicionTop = cantidadAliados.getBoundingClientRect().top;
    let posicionBottom = cantidadAliados.getBoundingClientRect().bottom;
    let heightPantalla = window.innerHeight;
    console.log("top " + posicionTop)
    console.log("bottom " + posicionBottom)

    if (posicionTop < heightPantalla - 0 && posicionBottom > 0) {
        if (activoScrollSeccion == false) {
            intervaloAliados()

            activoScrollSeccion = true
            console.log(items);
            items.forEach(item => {
                console.log(item);
                item.classList.add("animado-item")
            });
        }
    } else {
        activoScrollSeccion = false
        items.forEach(item => {
            console.log(item);
            item.classList.remove("animado-item")
        });
    }
})