$(document).ready(function () {
    /*codeq.comms.connect().then(function () {
        return codeq.comms.send({'action': 'list_problems'});
    }).then(
        function success(data) {
            var i, groups, group, problems, problem, first_group,
                jqGroup = $('#problem_group'),
                jqProblems = $('#problems'),
                html = [],
                mapping = {},
                onGroupChange = function () {
                    var problems = mapping[jqGroup.val()],
                        html = [],
                        i, p;
                    if (problems) {
                        for (i = 0; i < problems.length; i++) {
                            p = problems[i];
                            html.push('<option value="', p.identifier, '">', p.name, '</option>\n')
                        }
                    }
                    jqProblems.html(html.join(''));
                };

            if (data && (data.code === 0)) {
                $('#disabled').css('display', 'none');
                groups = data.problems;
                for (i = 0; i < groups.length; i++) {
                    group = groups[i];
                    var identifier = group.identifier.language + '/' + group.identifier.group;
                    var name = group.name.language + ': ' + group.name.group;
                    html.push('<option value="', identifier, '">', name, '</option>\n');
                    mapping[identifier] = group.problems;
                }
                jqGroup.html(html.join(''));
                first_group = html[1];
                html = null;

                jqGroup.on('click', onGroupChange);
                jqGroup.val(first_group);
                onGroupChange();

                $("#submit").on('click', function () {
                    var identifier = $('#problem_group').val().split('/'),
                        problem = $('#problems').val();
                    if (identifier.length < 2) alert('Choose a problem group');
                    else if (!problem) alert('Choose a problem');
                    else {
                        $('#disabled').css('display', '');
                        codeq.comms.login($('#username').val(), $('#password').val())
                            .then(function (data) {
                                $('#disabled').css('display', 'none');
                                if (data.code !== 0) throw new Error('Login failed, code: ' + data.code + ', message: ' + data.message);
                            })
                            .then(function () {
                                return codeq.comms.getProblem(identifier[0], identifier[1], problem);
                            })
                            .then(function (data) {
                                if (data.code !== 0) throw new Error('Failed to obtain problem data, code: ' + data.code + ', message: ' + data.message);
                                $('#disabled').css('display', 'none');
                                switch (identifier[0]) {
                                    case 'prolog':
                                        // TODO: assignment to window for debug only
                                        $('#screen_login').css('display', 'none');
                                        $('#screen_prolog').css('display', '');
                                        window.phandler = codeq.createPrologHandler(data.data);
                                        break;
                                    case 'python':
                                        // TODO: assignment to window for debug only
                                        $('#screen_login').css('display', 'none');
                                        $('#screen_prolog').css('display', '');
                                        window.phandler = codeq.createPythonHandler(data.data);
                                        break;
                                    default:
                                        alert('Unknown language: ' + identifier[0]);
                                        break;
                                }
                            })
                            .fail(function (reason) {
                                $('#disabled').css('display', 'none');
                                alert('Login request failed: ' + reason);
                            })
                            .done();
                    }
                });
            }
            else {
                $('#disabled').css('cursor', '');
                alert('Obtaining list of problems failed: code=' + data.code + ', reason=' + data.message);
            }
        },

        function failure(reason) {
            $('#disabled').css('cursor', '');
            alert('Request to obtain list of problems failed: ' + reason);
        }
    ).done();*/

    codeq.globalStateMachine.transition('login');
});