$(document).ready(function() {
    $("#login-show").click(function() {
        this.href = "javascript:;";
        $("#login-panel").show("slow");
        $("input#id_username").focus();
    });
    $("#login-close").click(function() {
        $("#login-panel").hide("slow");
    });
    $("#loginform").bind("submit", function(e) {
        $.ajax({
            type: "POST",
            url: "/login/ajax/",
            data: {username: this.id_username.value, password: this.id_password.value, next: this.next.value},
            success: function(response) {
                if (response == 'true') {
                    $("#login-panel").hide("slow");
                    $("#login").html("<p>Login sucsesful! Proceed...</p>");
                } else if(response == 'false') {
                    $("#error").html("Username and password didn't match!");
                }
            }
        });
        return false;
    });
 });