var idOverlay = 'overlay';
var idSpinner = 'spinnerInOverlay';
var idLabelSpinner = 'labelSpinner';
var idsOverlays = [idSpinner];
var labelSpinner = 'Cargando';

function getOverlayNode() {
    return document.getElementById(idOverlay);
}

function getOverlayContentNode(nodeId) {
    return document.getElementById(nodeId);
}

function mostrarOverlayBase() {
    var overlayNode = getOverlayNode();
    if (overlayNode) {
        overlayNode.style.display = 'block';
    }
}

function ocultarOverlayBase() {
    var overlayNode = getOverlayNode();
    if (overlayNode) {
        overlayNode.style.display = 'none';
    }
}

function ocultarContenidoOverlay(nodeId) {
    var contentNode = getOverlayContentNode(nodeId);
    if (contentNode) {
        contentNode.style.display = 'none';
    }
}

function mostrarContenidoOverlay(nodeId) {
    var contentNode = getOverlayContentNode(nodeId);
    if (contentNode) {
        contentNode.style.display = 'block';
    }
}

function actualizarLabelOverlay(label) {
    var labelNode = getOverlayContentNode(idLabelSpinner);
    if (labelNode) {
        labelNode.textContent = label || '';
    }
}

function desactivarOverlaysPorId(inIds) {
    var overlayIds = Array.isArray(inIds) ? inIds : [];
    for (var i = 0; i < overlayIds.length; i += 1) {
        ocultarContenidoOverlay(overlayIds[i]);
    }
    ocultarOverlayBase();
}

function desactivarOverlays() {
    desactivarOverlaysPorId(idsOverlays);
}

function activarContenidoOverlay(nodeId, labelNodeId, label) {
    desactivarOverlays();

    if (labelNodeId) {
        actualizarLabelOverlay(label);
    }

    mostrarOverlayBase();
    mostrarContenidoOverlay(nodeId);
}

function activarSpinnerOverlay() {
    activarContenidoOverlay(idSpinner, idLabelSpinner, labelSpinner);
}

function activarSpinnerOverlayConLabel(label) {
    activarContenidoOverlay(idSpinner, idLabelSpinner, label || labelSpinner);
}

function desactivarSpinnerOverlay() {
    desactivarOverlays();
}