tlk

javascript: var idcolor = new Array();
var clrList = new Array("#ffeff9","#ffede6","#ffe8ff","#ffffeb","#faf2bc","#fffff9","#cdffff","#fae6f9","#e2f2fe","#fdfdfd","#edf9d7","#d6fada","#f9ebe9","#d9f2f8","#dbf8ef","#fff8ff","#d7ffff","#e3dcf9","#ffebff","#fffeff","#fefee8","#e8e8e8","#edf8dd","#fac8be","#eef3f4","#d6f7ed","#f9efdd","#dfecf9","#fcf9ce","#f5f8d7","#f1ffff","#aae4ff","#eaf9de","#f9e8f3","#e0f6f9","#c0f9d2","#fffaff","#cedcb8");

function clrSet() {
    for (var i = 0; i < $("#online-participants .participant-list-item").length; i++) {
        if (!idcolor[$("#online-participants .participant-list-item")[i].id]) {
            idcolor[$("#online-participants .participant-list-item")[i].id] = clrList[i];
        }
        $('.' + $("#online-participants .participant-list-item")[i].id).css('background-color', idcolor[$("#online-participants .participant-list-item")[i].id]);
    }
}

function dateTimeSet() {
    for (var i = 0; i < $("#live dd").length; i++) {
        if (!$("#live dd").eq(i).attr("title")) {
            $("#live dd").eq(i).attr("title", Date($("#live dd").eq(i).attr("data-timestamp") * 1000));
        }
    }
}
clrSet();
dateTimeSet();
socket.on('message', function (message) {
    clrSet();
    dateTimeSet();
});
socket.onerror('message', function (message) {
    clrSet();
    dateTimeSet();
});