(function() {
addCopyrightCurrentDate();
document.querySelectorAll('section#activites .is-mtlgj-btn').forEach(function(item) {
item.addEventListener('click', showActivityContent);
})
document.querySelectorAll( '.year-animated' ).forEach(function(item) {
animateNumbers( item );
});
bulmaCarousel.attach('.slider', {
autoplay: true,
pagination: false,
loop: true,
slidesToShow: 2,
slidesToScroll: 1,
infinite: true,
icons: {
previous: '',
next: ''
}
});
})();
function addCopyrightCurrentDate() {
document.querySelector('footer').querySelector('p').innerHTML += ' ' + new Date().getFullYear();
}
function showActivityContent(e) {
e.target.parentElement.parentElement.querySelector('.headline').classList.toggle('toggle-visibility');
e.target.parentElement.parentElement.classList.toggle('slide');
}
function pad(n, width, z) {
z = z || '0';
n = n + '';
return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}
function animateNumbers(item) {
let intervalTime = 1;
let incrementation = 7;
setTimeout(function() {
let endValue = item.getAttribute('data-endvalue');
endValue = parseInt(endValue === null ? new Date().getFullYear() : endValue);
let duration = endValue * intervalTime / incrementation;
console.log(duration);
console.log((endValue === undefined || endValue === 0 ? new Date().getFullYear() : endValue));
let animation = setInterval(function() {
duration -= intervalTime;
let val = parseInt(item.innerHTML);
item.innerHTML = pad( (val + incrementation > endValue ? val + (endValue - val) : val + incrementation), 4);
if(duration <= 0)
clearInterval(animation);
}, intervalTime);
}, item.getAttribute('data-delay') === null ? 250 : item.getAttribute('data-delay'));
}