$(function()
{
    $(function()
    {
        $('#inputsubmit1').click(function()
        {
            var mode = $(this).val();
            if (mode == 'Submit')
            {
                var username = $('#id_username').val();
                var password = $('#id_password').val();

                $.post('/sign/in/', 
                       {username:username, password:password}, 
                       function(data)
                {
                    eval('data = ' + data + ';');
                    if (data.status)
                    {
                        location.reload();
                        //$('#login').find('form').fadeOut("slow");
                        //$('#inputsubmit1').val('Sign Out');
                    }
                    else
                    {
                        // delete error tag.
                        $('#form1').find('.error').remove();
                        if (data.errors.active)
                        {
                            $('#form1').find('legend').after('<div class="error">' + data.errors.active + '</div>');
                        }
                        if (data.errors.username)
                        {
                            $('#id_username').after('<div class="error">' + data.errors.username + '</div>');
                        }
                        if (data.errors.password)
                        {
                            $('#id_password').after('<div class="error">' + data.errors.password + '</div>');
                        }
                    }
                });
            }
            else if (mode == 'Sign Out')
            {
                $.get('/sign/out/', null, function(data)
                {
                    eval('data = ' + data + ';');
                    if (data.status)
                    {
                        location.href="/";
                        //$('#inputsubmit1').val('Sign In');
                    }
                    else
                    {
                        $('#form1').find('legend').after('<span class="error">' + data.error + '</span><br/>');
                    }
                });
            }
            else
            {
                $.get('/sign/in/', null, function(data)
                {
                    $('#login').find('div.content').html(data).find('form').fadeIn("slow", function()
                    {
                        //$(this).submit(function()
                        //{
                        //    return false;
                        //});
                    });
                });
                $(this).val('Submit');
            }

        });

    });

});