Горизонтальный раздвижной профиль

<div style="display: none;" id="infopanel" align="center">  
<table width="100%"><tr><td valign="top"><ССЫЛКА НА ЛЕВЫЙ БАННЕР></td>  
<td align="right" width="180" valign="top">  
<a href="/index/14-0-0-1">Отправить ЛС</a><br>  
  <a href="/gb/">Запись в гостевой книге</a><br>  
  <a href="/index/11">Изменить свои данные</a><br>  
  <a href="/index/15-1">Список пользователей сайта</a><br>  
  <a href="/forum">Правила сайта</a><br>  
  </td>  
<td align="center" width="180" valign="top">  
$_REG_TIME$ $_REG_TIME$  
<DIV align="center"><STRONG><script language="JavaScript">  
function process(){}  
today = new Date()  
if((today.getHours() < 12) && (today.getHours() >= 6))  
  { document.write("<font color=#60befd>Доброе вам утро $USER_FULL_NAME$</font>")}  
if((today.getHours() >= 12) && (today.getHours() < 18))  
{ document.write("<font color=#ee5000>Добрый день $USER_FULL_NAME$</font>")}  
if((today.getHours() >= 18) && (today.getHours() <= 23))  
  { document.write("<font color=#8acf1d>Добрый вечер $USER_FULL_NAME$</font>")}  
if((today.getHours() >= 0) && (today.getHours() < 4))  
{ document.write("<font color=#878787>Вы сегодня поздновато $USER_FULL_NAME$</font>")}  
if((today.getHours() >= 4) && (today.getHours() <= 6))  
{ document.write("<font color=#d7d7d7>Что то Вы рано!!! Не спится, $USER_FULL_NAME$ ? </font>")}  
</script>  
</STRONG>  
<br><br>  
  <?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0" width="150px" height="150px"><?else?><img class="userAvatar" title="$USERNAME$" src="http://ССЫЛКА НА КАРТИНКУ"НЕТ АВАТАРА"" border="0" width="110px"><?endif?></td>  
  <td align="left" style="color:white;" width="180" valign="top">  
  Логин: $USERNAME$<br>  
  Полное имя: $USER_FULL_NAME$<br>  
  Пол: $USER_GENDER$<br>  
  Твой день рождения: $USER_BIRTHDAY$<br>  
  Группа: $USER_GROUP$<br>  
  Новые ЛС: <a href="/index/14">$UNREAD_PM$</a><br>  
  Ты пользователь № $USER_ID$<br>  
  Ты здесь: $USER_REG_DAYS$ -й день<br><hr>  
  Твой IP-адрес: [$IP_ADDRESS$]  
  используется браузер: $USER_AGENT$, ver. $USER_AGENT_VER$  
  </td>  
  <td valign="top" align="right"><ССЫЛКА НА ПРАВЫЙ БАННЕР></script></td></tr></table>  
<br>  
  <table style="width: 20%; border-collapse: collapse;"><tbody><tr>  
  <td style="width: 200px; height: 20px; text-align: right; vertical-align: top; padding-right: 20px; font-family: Arial; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: 0pt; word-spacing: 0pt;">  
  <!--uSpoiler--><div class="uSpoilerClosed" id="uSpoilerbT84DI"><div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoilerbT84DI')[0]){if ($('.uSpoilerText',$('#uSpoilerbT84DI'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerbT84DI'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerbT84DI')).val('[\–] добавить материал');$('#uSpoilerbT84DI').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerbT84DI'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerbT84DI')).val('[+] добавить материал');$('#uSpoilerbT84DI').attr('class','uSpoilerClosed');}}" value="[+] добавить материал" type="button"></div>  
  <div class="uSpoilerText" style="display: none;"><!--ust-->  
  <a href="http://ВАШ САЙТ/news/0-0-0-0-1">новость</a><br>  
  <a href="http://ВАШ САЙТ/publ/0-0-0-0-1">материал</a><br>  
  <a href="http://ВАШ САЙТ/load/0-0-0-0-1">файл</a><br>  
  <a href="http://ВАШ САЙТ/photo/0-0-0-0-1">фото</a><br>  
  <a href="http://ВАШ САЙТ/faq/0-0-0-1">вопрос</a><br>  
  <!--/ust--><!--usn(=добавить материал)--></div></div><!--/uSpoiler--></td>  
  <td style="width: 200px; height: 20px; text-align: left; vertical-align: top; padding-left: 20px; font-family: Arial; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: 0pt; word-spacing: 0pt;">  
  <!--uSpoiler--><div class="uSpoilerClosed" id="uSpoiler18WXVo"><div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoiler18WXVo')[0]){if ($('.uSpoilerText',$('#uSpoiler18WXVo'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoiler18WXVo'))[0].style.display='';$('.uSpoilerButton',$('#uSpoiler18WXVo')).val('[\–] мои материалы');$('#uSpoiler18WXVo').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoiler18WXVo'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoiler18WXVo')).val('[+] мои материалы');$('#uSpoiler18WXVo').attr('class','uSpoilerClosed');}}" value="[+] мои материалы" type="button"></div>  
  <div class="uSpoilerText" style="display: none;"><!--ust-->  
  <a title="Просмотреть все мои комментарии." href="/index/34-$USER_ID$">Мои комментарии</a><br>  
  <a title="Посмотреть мои темы и посты." href="/forum/0-0-1-3-$USER_ID$">Мои темы и посты</a><br>  
   
  <br><!--/ust--><!--usn(=мои материалы)--></div></div><!--/uSpoiler--></td>  
  </tr></tbody></table><br>  
  <a href="javascript://" rel="nofollow" onclick="window.open('/index/8','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">[Основной профиль]</a></div><br>  
<div align="center"> <div class="shap3" onclick="$('#infopanel').slideToggle('slow');" style="cursor:  
pointer;"><font color=#60befd;>Мой минипрофиль | Новых ЛС [<b>$UNREAD_PM$</b>]</font></div> </div>  
<br>  
<div align="center">$WDAY$ | $DATE$ | $TIME$</div>

<?if($USER_LOGGED_IN$)?> $GLOBAL_ВАШ БЛОК$ <?else?><?endif?>