function toggleElement(id) {
    var element = document.getElementById(id);
    if (element.style.display == "none") {
        element.style.display = "block";
    } else {
        element.style.display = "none";
    }
}

function toggleRecurrence() {
    var recurrence = document.getElementById("recurrence");
    var recurrencePattern = document.getElementById("recurrencePattern");
    var recurrencePanel = document.getElementById("recurrencePanel");
    var weekDetails = document.getElementById("weekDetails");
    var cbxType = document.getElementById("recurrenceType");
    
    if (recurrence.checked == true) {
        recurrencePanel.style.display = "block";
        recurrencePattern.style.display = "block";
        toggleTypeDetails();
    } else {
        recurrencePanel.style.display = "none";
        recurrencePattern.style.display = "none";
        weekDetails.style.display = "none";
    }
}

function toggleTypeDetails() {
    var weekDetails = document.getElementById("weekDetails");
    var cbxType = document.getElementById("recurrenceType");
    
    switch (cbxType.selectedIndex) {
        case 0:
        weekDetails.style.display = "none";
        break;
        case 1:
        weekDetails.style.display = "block";
        break;        
    }
}