сворачивающийся прозрачный мини-чат в углу сайта

Сегодня
я покажу скрипт, который случайно нашел в интернете и после доработки и
усовершенствования, выкладываю на сайт. Скрипт позволяет создать
прозрачный сворачивающийся мини-чат в углу сайта, который выглядит очень
симпотично  уверен, что понравится пользователям.

Скрипт вызывается кнопкой, которая будет прокручиваться вместе со страницей в правом нижнем углу сайта:



После нажатия на кнопку появится сам чат:



Чат можно обновить, написать в нем сообщение, вставить смайл (присутствуют все функции) и снова свернуть.




Установка довольно простая, все, что нужно - добавить данные ниже строки
после тега $_CONTENT$ (или в любое место до </body>)

--
<div style="position:absolute;position:fixed;bottom:1;left:1;opacity:0.8;">
<div
class="mini_prof_out" onmouseover="this.className='mini_prof_on'"
onmouseout="this.className='mini_prof_out'" id="mini_prof">
  <div id="sam_profil" style="display:none">$CHAT_BOX$</div><table border="0" cellpadding="0" cellspacing="0">
  <tr><td style=" text-align: center;"><span id="open_miniprof"><b>Мини-Чат</b></span>
 
<span id="close_miniprof" style="display:none"><img
src="http://ucoz-lab.ucoz.ru/blog-lab/scrit-chat.jpg" border="0" alt=""
/>


</span>
<script
type="text/javascript">$(document).ready(function(){$("#open_miniprof").click(function(){$(this).hide(100);
$("#close_miniprof, #sam_profil").show(100);
$("#sam_profil").css("text-align","left");});
$("#close_miniprof").click(function(){$(this).hide(100);
$("#sam_profil").hide(100); $("#open_miniprof").show(100);
$("#sam_profil").css("text-align","center");});});</script>

<style>.mini_prof_out
{background-color: #f4f4f4; border:1px solid #9db0bf; padding: 4px
10px; position: fixed; bottom: 4px; right: 4px; text-align: center;}
.mini_prof_on {background-color: #f4f4f4; border:1px solid #9db0bf;
padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; opacity: 1;
text-align: center;} #mini_prof #close_miniprof {color: #810000;
text-decoration: underline; cursor: pointer;} #mini_prof #open_miniprof
{color: #3e8144; cursor: pointer;}</style>
<input
type="hidden" name="numa" id="numa832" value="0"><input
type="hidden" name="a" value="18"><input type="hidden"
id="ajaxFlag" name="ajax" value="1" /></form>
<script type="text/javascript">initSel7174();</script>
<style>

  #ChatBox {display:none;}
#ChatBoxI{
background:none repeat scroll 0 0 #FFFAF2;
border:1px solid #FFD69B;
color:#000;
margin-left:-10px;
margin-right:-10px;
margin-top:10px;
padding:2px;
}
</style>
</td></tr></table></div>
--