document.addEventListener('DOMContentLoaded',() =>{

    resetToggle();

});

/* décoche les checkbox */
function resetToggle(){
    inputs = document.querySelectorAll('input:not(#burgerbutton)');

    for (var i = 0; i < inputs.length; i++) {
        inputs[i].checked = false;
        /*comments = document.getElementsByClassName(inputs[i].id);

        for (var a = 0; a < comments.length; a++) {
            classListRemoveAdd(comments[a], "visible", "hidden")
        }*/
    } 
};

/*** Affichage des options de lecture */

function toggleOptions(e){

    var option = e.id;

    var optionList = document.getElementsByClassName(option);

    if(option == "placeName" || option == "persName"){
        for (var i = 0; i < optionList.length; i++) {
            if(e.checked){
                classListRemoveAdd(optionList[i], "normal", "visible")
            } else{
                classListRemoveAdd(optionList[i], "visible", "normal")
            }
        }        
    } else if(option == "lb"){
        for (var i = 0; i < optionList.length; i++) {
            if(e.checked){
                classListRemoveAdd(optionList[i], "nobreak", "break")
            } else{
                classListRemoveAdd(optionList[i], "break", "nobreak")
            }
        }   
    }
}


/******************/

/* gestion des classes CSS pour masquer ou afficher */
function classListRemoveAdd(element, remove, add){
    element.classList.remove(remove);
    element.classList.add(add);
}