//wait for html site to be ready before executing init()
if (document.readyState == "complete") {
    init();
} else {
    document.addEventListener("DOMContentLoaded", init);
}

function init() {
    if(document.getElementById('table') != null) {
        highlight_row();
    }
}

var selected = null;

function highlight_row() {
    var table = document.getElementById('table');
    var cells = table.getElementsByTagName('td');
    
    for( var i = 0; i < cells.length; i++) {
        var cell = cells[i];
        cell.onclick = function() {
            var rowId = this.parentNode.rowIndex;
            var rowsNotSelected = table.getElementsByTagName('tr');
            for ( var row = 0; row < rowsNotSelected.length; row++) {
                rowsNotSelected[row].style.backgroundColor = "";
                rowsNotSelected[row].classList.remove('selected');
            }
            var rowSelected = table.getElementsByTagName('tr')[rowId];
            if (selected != null && selected == rowId) {
                selected = null;
                rowSelected.style.backgroundColor = "";
                rowSelected.classList.remove('selected');
                document.getElementsByClassName("edit")[0].disabled = true;
            } else {
                selected = rowId;
                rowSelected.style.backgroundColor = "yellow";
                rowSelected.className += " selected";
                document.getElementsByClassName("edit")[0].disabled = false;
            }
        }
    }
}