function setPage(paginationButtonsClass, containersClass, page, containersPerPage) {

    var paginationButtons = document.getElementsByClassName(paginationButtonsClass);
    var containers = document.getElementsByClassName(containersClass);

    for (var i = 0; i < paginationButtons.length; i++) {
        paginationButtons[i].classList.remove('active');
    }

    document.getElementById(paginationButtonsClass + '-' + page).classList.add('active');

    for (var i = 0; i < containers.length; i++) {
        
        if (i >= (page - 1) * containersPerPage && i < page * containersPerPage) {
            containers[i].classList.remove('hidden');
        } else {
            containers[i].classList.add('hidden');
        }

    }

}

function setPreviousPage(paginationButtonsClass, containersClass, containersPerPage) {

    var paginationButtons = document.getElementsByClassName(paginationButtonsClass);

    for (var i = 0; i < paginationButtons.length; i++) {
        if (paginationButtons[i].classList.contains('active')) {
            var pageButtonIdSplitted = paginationButtons[i].id.split('-');
            var page = parseInt(pageButtonIdSplitted[pageButtonIdSplitted.length - 1]);
            if (page > 1) {
                setPage(paginationButtonsClass, containersClass, page - 1, containersPerPage);
            }
            break;
        }
    }

}

function setNextPage(paginationButtonsClass, containersClass, containersPerPage) {

    var paginationButtons = document.getElementsByClassName(paginationButtonsClass);

    for (var i = 0; i < paginationButtons.length; i++) {
        if (paginationButtons[i].classList.contains('active')) {
            var pageButtonIdSplitted = paginationButtons[i].id.split('-');
            var page = parseInt(pageButtonIdSplitted[pageButtonIdSplitted.length - 1]);
            if (page < paginationButtons.length) {
                setPage(paginationButtonsClass, containersClass, page + 1, containersPerPage);
            }
            break;
        }
    }

}