$(document).ready(
    function () {
        $.getJSON("/login_bar/", function(c) {
            if(c.logged_in) {
                s = '<div id="user_bar"><h3>Ol&aacute; <strong>'+c.nick+'</strong>!</h3><ul><li class="on"><a href="/account/">Home</a></li><li><a href="/account/friends/">Amigos</a></li><li><a href="/account/friends/search/">Buscar Amigos</a></li><li><a href="/account/book/">Recados ('+c.scraps+')</a></li><li><a href="/tournament/user/">Tabelas</a></li><li><a href="/account/personal/">Editar Perfil</a></li><li id="bt_logout"><a href="/account/logout/">Logout</a></li></ul>';
                if(c.yellow_card)
                    s += '<a class="'+c.yellow_card+'_card" href="/account/warnings/"><img src="/media/style/'+c.yellow_card+'_card.gif"></a></div>';
            } else {
                s = '<form id="login_form" action="/account/login/" method="post"><h3><span>Assinante</span></h3><label for="id_email_login">E-mail <input type="text" class="field" id="id_email_login" name="email" /></label><label for="id_password_login">Senha <input type="password" class="field" id="id_password_login" name="password" /></label><input type="submit" class="button" value="ok" /><a href="/account/forgot/" class="forgot"><span>Esqueceu sua senha?</span></a><a href="/account/signup/" class="signup"><span>Cadastre-se</span></a></form>';
            }
            $('#login_bar').html(s);
        });
    }
);
