Error al solucionar: Uncaught TypeError: Cannot read property

[agusax]

Buenos días chic@s,

En mi camino de aprendizaje de Javascript, he hecho uso de las siguientes funciones, el cual, este ejemplo lo he encontrado de otros chavales para hacer uso del css en unas imagenes en miniatura, pero me muestra el siguiente error en la consola:

Uncaught TypeError: Cannot read property 'className' of undefined
at showDivs (gallery.js:20)
at gallery.js:2

No estoy seguro, ¿pero podría deberse que className está vacía?

Código Javascript:

var divIndex = 1;
showDivs(divIndex);
 
function plusDivs(n) {
    showDivs(divIndex += n);
}
 
function currentDiv(n) {
    showDivs(divIndex = n);
}
 
function showDivs(n) {
    var i;
    var x = document.getElementsByClassName("demo");
    if (n > x.length) {divIndex = 1}
    if (n < 1) {divIndex = x.length}
    for (i = 0; i < x.length; i++) {
        x[i].className = x[i].className.replace(" w3-opacity-off", "");
    }
    x[divIndex-1].className += " w3-opacity-off";
}
 

Muchas gracias de antemano por su tiempo

EDITO: SOLUCIONADO
Llamaba en la linea 2 showDivs y por eso al restarle -1 al divIndex no tenía nada almacenado. Así que he eliminado esa linea