<script type="text/javascript" src="/uc4/js/jquery.cookie.js"></script>

<div id="chat_panel">
<div class="chat-con">$CHAT_BOX$</div>
  <div class="chat-btn-oc"><a href="javascript://" class="chat-open"><img src="/uc4/plus.png"></a>
  <a href="javascript://" class="chat-close"><img src="/uc4/minus.png"></a></div>
   

</div>  
<script type="text/javascript">  

   
$('a.chat-open').click( function() {
     $.cookie('chat', 'on', { path: '/' });
  $('.chat-open').removeClass('eye');$('.chat-close').addClass('eye');$("#chat_panel").animate({"left": "+=270px"}, "slow");
   
   
  });
   
  $('a.chat-close').click( function() {
  $.cookie('chat', 'off', { path: '/' });

  $('.chat-close').removeClass('eye');$('.chat-open').addClass('eye');$("#chat_panel").animate({"left": "-=270px"}, "slow");
   
   
  });
   
   
  var cookie_now2 = $.cookie('chat');
   
  if (cookie_now2 == 'on' || cookie_now2 != 'off') {
  $('.chat-close').addClass('eye'); $("#chat_panel").attr('style','left:40px;');
  }  
  else {$('.chat-open').addClass('eye');$("#chat_panel").attr('style','left:-230px;');}

</script>