<div class="myAuthWidget">
    <div class="myAuthLoggedInPanel" style="display: none">
        <form dojoAttachPoint="logout_form" action="/logout/" method="POST">
          <p>
            <fieldset>
              Welcome <a><span dojoAttachPoint="username"></span></a>.<br/>
              You have <span dojoAttachPoint="comments_count"></span> new comments <span dojoAttachPoint="commentsThingy"></span>
              <a href="javascript:void(0)" class="button-link">Logout</a>
            </fieldset>
          </p>
        </form>
    </div>
    <div class="myAuthLoginPanel" style="display: none">
        <h3 class="myAuthTitle">Login</h3>
        <form action="/login/" dojoAttachPoint="login_form" method="POST">
            <p><span style="color: red; text-decoration: bold" id="error"></span>
                <fieldset>
                    <label for="username">Username:</label>
                    <input class="tbox" id="username" name="username" type="text" />
                    <label for="password">Password:</label>
                    <input class="tbox" id="password" name="password" type="password" />
                    <a href="javascript:void(0)" onclick="" class="button-link">Log in</a>
                </fieldset>
            </p>
        </form>
    </div>
</div>
<!--
// use dojo.toggleClass(this.domNode, 'isLoggedIn', isUserLoggedIn);
// have a css class such as this: .myAuthWidget.isLoggedIn .myAuthLoginPanel { display: block };
-->