var MUTES = localStorage['mutes'] || {};
$(".mute").live("click", function(){
    $(this).removeClass("mute");
    $(this).addClass("unmute");
    $(this).html("o");
    var nick = $(this).parent().children("a").html().replace(/<img[^>]+>/,"");
    $(".nick_" + nick).hide();
    MUTES[nick] = true;
    localStorage['mutes'] = localStorage['mutes'] || {}
    localStorage['mutes'][nick] = true
});
$(".unmute").live("click", function(){
    $(this).removeClass("unmute");
    $(this).addClass("mute");
    $(this).html("x");
    var nick = $(this).parent().children("a").html().replace(/<img[^>]+>/,"");
    $(".nick_" + nick).show();
    delete MUTES[nick];
    localStorage['mutes'] = localStorage['mutes'] || {}
    delete localStorage['mutes'][nick]
});

function buildUserDiv(user) {
    var muted = MUTES[user.nick] ? '<span class="unmute">o</span>' : '<span class="mute">x</span>';
    if (user.avatar) {
        return '<div class="username">'
            + muted
            + '<a href="' + RootDomain + escapeHtml(user.nick) + '" target="_blank">'
            + '<img src="' + user.avatar + '" width="50" height="50">'
            + escapeHtml(user.nick)
            + '</a>'
            + '</div>';
    } else {
        return '<div class="username">'
            + muted
            + '<a href="' + RootDomain + escapeHtml(user.nick) + '" target="_blank">'
            + '<img src="' + RootDomain + 'static/img/noinfo.png" width="50" height="50">'
            + escapeHtml(user.nick)
            + '</a>'
            + '</div>';
    }
}