$(document).ready(function() {
    $("#resetPanel").dialog({
        bgiframe: true,
        autoOpen: false,
        draggable: false,
        modal: true,
        overlay: {
            backgroundColor: '#000',
            opacity: 0.5
        },
        resizable: false,
        buttons: {
            'Reset': function() {
                var reset_form = $('#resetPanel form');
                $.post('/user/reset-password/', reset_form.serialize(), function(data){
                    if (data.success)
                        $('#resetPanel')
                            .html('Your new password has been sent.')
                            .dialog('option', 'buttons', { "Close": function() { $(this).dialog("close"); } });
                    
                    else 
                        $('#resetPanel div.error').html('Unknown email');
                        
                }, 'json');
            },
            'Close': function() {
                $(this).dialog('close');
            }
        },
        open: function() {
            $(this).parents('.ui-dialog-buttonpane button:eq(0)').focus();
        }
    });

    $('#resetLink').click(function() {
        $('#loginPanel').dialog('close');
        $('#resetPanel').dialog('open');
        return false;
    });
});