$(document).ready(function() {
    if (timeout != undefined) {
        clearTimeout(timeout);
        timeout = null;
    }
    $('div.progress-line:first').each(function() {
        reload_div();
        $(this).closest("td").find("span").each(function() {
            $(this).addClass("progress-line")
        });
    });
    $('td div label').each(function() {
        if ( schedState[$(this).text()] ) {
            $(this).siblings('input').prop('checked', true);
        }
    });
    $(":checkbox").change(function() {
        schedState[$(this).siblings('label').text()] = $(this).prop('checked');
    });
});
var timeout;
function reload_div(){
    timeout = setTimeout(function(){
        display_status = $("#schedtasks").css('display');
        if (display_status == 'none') {
            reload_div();
        }
        else if (display_status == 'block') {
            qs = "";
            for (let k in schedState) {
                if (schedState[k]) {
                    qs = qs + k + "=1&"
                }
            }
            load_sched_url('/api/schedulehtml?' + qs);
        }
    }, 5000);
}
function load_task_url(url) {
    $("#schedtask").load(url);
    $('div#schedtasks').each(function() {
        $(this).removeClass("schedShow");
        $(this).addClass("schedHide");
    });
    $('div#schedtask').each(function() {
        $(this).removeClass("schedHide");
        $(this).addClass("schedShow");
    });
    return false;
}

function load_sched_url(url) {
    $("#content").load(url);
    return false;
}

function display_tasks() {
    $('div#schedtasks').each(function() {
        $(this).removeClass("schedHide");
        $(this).addClass("schedShow");
    });
    $('div#schedtask').each(function() {
        $(this).removeClass("schedShow");
        $(this).addClass("schedHide");
    });
}

function onChangeTimeType(timetype) {
    if (timetype.value == 'weekly') {
        $('#divDOW').each(function() {
            $(this).removeClass("schedHide");
            $(this).addClass("schedShow");
        });
        $('#divTOD').each(function() {
            $(this).removeClass("schedHide");
            $(this).addClass("schedShow");
        });
        $('#divINTL').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
        $('#divRND').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
    } else if (timetype.value == 'daily') {
        $('#divDOW').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
        $('#divTOD').each(function() {
            $(this).removeClass("schedHide");
            $(this).addClass("schedShow");
        });
        $('#divINTL').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
        $('#divRND').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
    } else if (timetype.value == 'interval') {
        $('#divINTL').each(function() {
            $(this).removeClass("schedHide");
            $(this).addClass("schedShow");
        });
        $('#divRND').each(function() {
            $(this).removeClass("schedHide");
            $(this).addClass("schedShow");
        });
        $('#divDOW').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
        $('#divTOD').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
    } else if (timetype.value == 'startup') {
        $('#divINTL').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
        $('#divRND').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
        $('#divDOW').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
        $('#divTOD').each(function() {
            $(this).removeClass("schedShow");
            $(this).addClass("schedHide");
        });
    }

}