<script>
function swapRows(rowId){
 var persist = document.getElementById(rowId).style.display;
 for(i=0;i<arguments.length;i++)
      document.getElementById(arguments[i]).style.display = (persist=="none")?"block":"none";
}
</script>

<center>
<table width="115" id="mini_profile" cellpadding="0" cellspacing="0" border="1">
<tr>
 
<td class="window1" align="center">{display_name}</td>
 
</tr>
<tr>
 
<td class="window1" align="center">
 
<script>
var a = /(Administrator|Super-Mod|Moderator|Guest Account)/;
var rank = '<br />{rank_name}<br />';
if(rank.match(a)){
    document.write('{rank_image}<br />');
}else{
    document.write('{rank}<br />');
}
</script>
 
{if:secondrygroup}{secondrygroup_image}<br />{/if:secondrygroup}
 
</td>
</tr>
<tr>
<td class="window1" align="center">
 
<script type="text/javascript">
assign_rank('{display_name}', '{posts}');
</script>
 
</td>
</tr>
 
{if:warning}
<tr>
<td class="window1" align="center">{warning}<br /></td>
</tr>
{/if:warning}
 
{if:custom_title}
<tr>
<td class="window1" align="center">{custom_title}{/if:custom_title}</td>{ifnot:custom_title}<font color=#000000></font>
</tr>
 {/ifnot:custom_title}
</table>
<br>
<table width="115">
<tr>
<td align="center">
 
{if:avatar}
{avatar}
{/if:avatar}
 
{ifnot:avatar}
<img src="http://i25.photobucket.com/albums/c51/dog199200/no-av.gif">
{/ifnot:avatar}
 
</td>
</tr>
<tr>
 
<td align="center">{personal_text}</td>
 
</tr>
</table>
<br>
<table width="115" id="mini_profile" cellpadding="0" cellspacing="0" border="1">
 
<tr>
<td class="window1">Posts: {posts}</td>
</tr>
<tr>
<td class="window1">
 
{if:online}
Status: <b><font color=blue>Online</font></b>
{/if:online}
{ifnot:online}
Status: <font color=red>Offline</font>
{/ifnot:online}
 
</td>
</tr>
<tr>
<td class="window1">
 
{if:gender}Gender: {gender}{/if:gender}
 
</td>
</tr>
<tr>
<td>
 
<span style="float: left;">
Rep: {reputation} 
</span>
 
<span style="float: right;">
{if:reputation_give}
<font size=1>Give -</font>
{/if:reputation_give}
 
{if:reputation_take}
<font size=1> Take</font>
{/if:reputation_take}
</span>
 
</td>
</tr>
</table><br  />
 
<table width="115" cellpadding="0" cellspacing="0" border="1">
<th onClick="swapRows('data1');return true" class="title1">~ Forum Data ~</th>
<tr>
<td class="window1" ID="data1" align="center">
 
{additional_info}
 
</td>
</tr>
</table>
 
<br />
 
{contact}
 
<br /> 
 
<script>
var a = '{display_name}';
var x = (a.match(/view_profile\/user\/(.+?)(\/|"|\/")/))?RegExp.$1 : '';
if(x != vf_username){
    document.write('<a href="/action/add_buddy/user/'+x+'">Add to Buddies</a>');
}
</script>
</center>

<table width="115" cellpadding="0" cellspacing="0" border="1">
<tr colspan"1" align="center">
<td onClick="swapRows('data1');" class="title1">~ Forum Data ~</td>
</tr>
 
<tr ID="data1" colspan"2">
<td class="window1" align="center">
 
{additional_info}
 
</td>
</tr>
</table>

<style>
.mp_hide {
    display:none;
}
</style>
 
 
<script>
function moo(s){
    if(s.parentNode.nextSibling.className == 'mp_show'){ 
        s.parentNode.nextSibling.className = 'mp_hide' 
} else { 
 s.parentNode.nextSibling.className = 'mp_show';
    }
}
</script>
 
 

<table width="115" border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th onclick="moo(this);">~ Forum Data ~</th>
</tr>
<tr class='mp_show'>
<td class="window1" id="data1" align="center">
Level: 8.3
<br>Money: 438
<br>Jobs Done: 0
<br>Contests Won: 0</td>
</tr>
</tbody>
</table>