// custom javascript

var updateCache = function() {
    window.localStorage.setItem('cache', cache);
}

var primeCache = function() {
    strCache = window.localStorage.getItem('cache').split(",") || []; // Augh.
    cache = [];
    strCache.map(function(item) {
        cache[cache.length] =  (item == 'true');
        setRowValue(cache.length, cache[cache.length-1]);
    });
}
primeCache();

var elements = document.getElementsByClassName('run');
for (var i=0; i<elements.length; i++) {
    var element = elements[i];
    element.onclick = toggleRow;

    var id = element.id.replace("run-", "");
    cache[id-1] = false;
}

function getRowValue(id) {
    return cache[id-1];
}

function setRowValue(id, selected) {
    var row = document.getElementById("run-" + id)
    if (!row) {return}

    cache[id-1] = selected;

    if (selected) {
        row.className = "run selected";
    } else {
        row.className = "run";
    }
}

function toggleRow(e) {
    var row = e.currentTarget;
    var id = row.id.replace("run-", "");
    if (row.className == "run selected") {
        setRowValue(id, false);
    } else {
        setRowValue(id, true);
    }
    updateCache();
}

function updateHideUnselected() {
    var table = document.getElementById('the_table');
    table.className == "hide-unselected" ? table.className = "" : table.className = "hide-unselected";
}