var loader;
var autocompleteList;
YUI().use('node-base', 'io-base', 'io-form', 'io-queue', 'json', function (Y) {
    function markAsChanged(input) {
        input.setAttribute("style", "background-color: #faa");
    }

    function markAsRegistered(input) {
        input.setAttribute("style", "background-color: #afa");
    }

    function registerScoreInputChange(event, input, row) {
        var id = row.getAttribute("mulk:id");
        var inputnum = 0;
        var inputSiblings = input.parentNode.childNodes;
        for (; inputnum < inputSiblings.length; inputnum++) {
            if (inputSiblings[inputnum] == input) {
                break;
            }
        };
        Y.io("update-student-score",
             { 'on'  : { 'complete': function(id, o, args) {
                             try { Y.log(o.responseText); Y.JSON.parse(o.responseText); }
                             catch(e) { return null; }
                             markAsRegistered(input);
                         } },
               'data': "id=" + id + "&score-number=" + inputnum + "&score=" + input.value });
    }

    function makeScoreInput(cell, value) {
        var input = document.createElement('input');
        input.setAttribute('type', 'text');
        input.setAttribute('maxlength', '3');
        input.setAttribute('size', '3');
        if (value != undefined) {
            input.value = value;
        }
        cell.appendChild(input);
        Y.on("keyup", function(e) { ensureFreeInput(cell); }, input, Y);
        Y.on("keyup", function(e) { markAsChanged(input); }, input, Y);
        Y.on("change", registerScoreInputChange, input, Y, input, cell.parentNode);
        return input;
    };

    function ensureFreeInput(scoreCell) {
        if (!(scoreCell.lastChild.value == undefined || scoreCell.lastChild.value == "")) {
            return makeScoreInput(scoreCell);
        } else {
            return scoreCell.lastChild;
        }
    };

    function updateStudentRowFromName(event, nameInput, scoreCell) {
        Y.log(event);
        Y.log(nameInput);
        Y.log(scoreCell);
        function doUpdate(id, o, args) {
            ensureFreeStudentRow();

            var data = o.responseText;
            try {
                var student = Y.JSON.parse(data);
            } catch (e) {
                return null;
            };
            Y.log(student);

            scoreCell.parentNode.setAttribute("mulk:id", student.id);

            while (scoreCell.firstChild) {
                scoreCell.removeChild(scoreCell.firstChild);
            };

            for (var i = 0; i < student.score.length; i++) {
                var x = student.score[i];
                makeScoreInput(scoreCell, x);
            };

            var freeInput = makeScoreInput(scoreCell);
            freeInput.focus();
        }
        var request = Y.io("find-student", { 'on'  : { 'complete': doUpdate },
                                             'data': "name=" + nameInput.value });
    };

    function makeStudentRow() {
        var table = document.getElementById('ergebnisse');
        var num = table.rows.length;
        var row = table.insertRow(num);

        var cell = row.insertCell(0);
        var input = document.createElement('input');
        var completion = document.createElement('div');
        input.setAttribute('type', 'text');
        completion.setAttribute('class', 'autocomplete');
        cell.appendChild(input);
        cell.appendChild(completion);
        new Autocompleter.Local(input, completion, autocompleteList, { 'fullSearch' : true, 'partialChars': 1 });

        var cell = row.insertCell(1);
        makeScoreInput(cell);

        Y.on("blur", updateStudentRowFromName, input, Y, input, cell);

        return row;
    };

    function ensureFreeStudentRow() {
        var table = document.getElementById('ergebnisse')
        var num = table.rows.length;
        var input = table.rows[num - 1].cells[0].firstChild;
        if (!(input.value == undefined || input.value == "")) {
            return makeStudentRow();
        } else {
            return table.lastChild;
        }
    };

    return Y.on('domready', makeStudentRow);
});