var itemDialog;

$(document).ready(function() {

    // AJAX item form stuff
    $("body").append($("<div id=\"login-dialog\"></div>").attr("title", $("#LoginTitle").val()));

    itemDialog = $("#login-dialog").dialog({
        autoOpen: false,
        modal: true,
        minWidth: 600,
        maxWidth: 600,
        width: 600,
        minHeight: 350,
        maxHeight: 350,
        height: 350
    });

    $(".ajax-login").click(function(e) {
        e.preventDefault();
        var href = $(this).attr("href");
        itemDialog.dialog("open");
        itemDialog.html("<img src=\"/Content/Images/Jquery.Lightbox/Loading.gif\" alt=\"...\">");
        var ajaxHref = href.replace("Login", "AjaxLogin");
        $.get(ajaxHref, {}, function(data, textStatus) {
            itemDialog.html(data);
            HandleLoginSubmit(itemDialog);
        });
    });
});

function HandleLoginSubmit(panel) {
    var form = panel.find("form");
    panel.find("input:first").focus();
    form.attr("action", form.attr("action").replace("Login", "AjaxLogin"));

    form.ajaxForm({
        success: function(responseText, statusText) {
            if (responseText == "success") {
                itemDialog.dialog("close");
                $("#login-register-form, #login-register-form-feedback, #login-register-form-wrapper").html($("#YouAreNowLoggedIn").val()).addClass("logged-in");
            }
            else {
                itemDialog.html(responseText);
                HandleLoginSubmit(panel);
            }
        },
        clearForm: false
    });
}