function connect_login() {
    FB.api('/me', function (user) {
        $.ajax({
            url: "/fbconnect/login?username=" + user.id,
            dataType: "json",
            cache: false,
            success: function() { login_completeCallback(); }
        });
    });
}

function login_completeCallback() {
    FB.api('/me', function (user) {
        var link = "http://www.facebook.com/profile.php?id=" + user.id;
        if (user.link) { link = user.link; }
        var html = "<a href='" + link + "'><img src='http://graph.facebook.com/" + user.id + "/picture' alt='" + user.name + "' class='user_picture' /></a>";
        html += "<span class='user_name'><a href='" + link + "'>" + user.name + "</a></span>";
        html += "<br /><span class='links'><a href='#' onclick='connect_logout()'>Logout</a></span>";
        $("#Connect").html(html);
    });
}

function connect_logout() {
    FB.logout(function (response) {
        window.location = '/logout/';
    });
}