how can i make this log-in box disappear when the user is logged in and show again when logged out?
<!--BEGIN POPPYDOG.COM REGISTRATION WIDGET -->
<div style="width:100%; height:100%; border: inset; border-color: #00A6E8;">
<div id="pd_loginBox">
<script type="text/javascript" src="http://www.poppydog.com/ma/pd/pdutil.js"></script>
<form name="loginF" method="POST" action="http://www.poppydog.com/comreg/login.do">
<input type="hidden" name="action" value="w_lo2">
<input type="hidden" name="tiid" value="30362_reg">
<script type="text/javascript">
</script>
<table cellpadding="0" cellspacing="5" border="0" style="background-color: #000000">
<tr><td colspan="2">
<div id="pd_invalid">
<b style="font-size:smaller"><script type="text/javascript">showLoginMessage();</script></b>
</div>
</td></tr>
<tr><td><FONT COLOR="#00B5FC">username:</FONT></td><td><input type="text" name="user.userName" maxlength="50" size="20" style="color: #00B5FC; background-color: #000000"></td></tr>
<tr><td><FONT COLOR="#00B5FC">password:</FONT></td><td><input type="password" name="user.password" maxlength="50" size="20" style="color: #00B5FC; background-color: #000000"></td></tr>
<tr><td>*</td><td><input type="submit" value="login" style="background-color: #f5f5f5;border-bottom: 1px solid #dedede;border-top: 1px solid #eeeeee;font-weight: bold;color: #565656;cursor: pointer;padding: 3px 5px 4px 5px;">
<div style="margin-top:5px"><a href="#" onClick="return pd_reglinks_doForgot(30362);" ><FONT COLOR="#00B5FC">Forgot password?</FONT></a></div>
</td></tr>
</table>
</form>
</div>
<script type="text/javascript">
doPassLand(30362);
doForwardPassLand();
if (document.location.search.indexOf("pd_invalidLogin=")>-1)
pd_show("pd_invalid");
else
pd_hide("pd_invalid");
</script>
<!--END POPPYDOG.COM REGISTRATION WIDGET -->

Chowhound
Comic Vine
GameFAQs
GameSpot
Giant Bomb
TechRepublic