<script type="text/javascript">  
document.getElementsByClassName = function(className) {  
  var children = document.getElementsByTagName('*') || document.all;  
  var elements = new Array();  
   
  for (var i = 0; i < children.length; i++) {  
  var child = children[i];  
  var classNames = child.className.split(' ');  
  for (var j = 0; j < classNames.length; j++) {  
  if (classNames[j] == className) {  
  elements.push(child);  
  break;  
  }  
  }  
  }  
  return elements;  
}  

var Reflection = {  
  defaultHeight : 0.5,  
  defaultOpacity: 0.5,  
   
  add: function(image, options) {  
  Reflection.remove(image);  
   
  doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }  
  if (options) {  
  for (var i in doptions) {  
  if (!options[i]) {  
  options[i] = doptions[i];  
  }  
  }  
  } else {  
  options = doptions;  
  }  
   
  try {  
  var d = document.createElement('div');  
  var p = image;  
   
  var classes = p.className.split(' ');  
  var newClasses = '';  
  for (j=0;j<classes.length;j++) {  
  if (classes[j] != "userAvatar") {  
  if (newClasses) {  
  newClasses += ' '  
  }  

newClasses += classes[j];  
  }  
  }  
  var reflectionHeight = Math.floor(p.height*options['height']);  
  var divHeight = Math.floor(p.height*(1+options['height']));  
   
  var reflectionWidth = p.width;  
   
  if (document.all && !window.opera) {  
  /* Copy original image's classes & styles to div */  
  d.className = newClasses;  
  p.className = 'reflected';  
   
  d.style.cssText = p.style.cssText;  
  p.style.cssText = 'vertical-align: bottom';  
   
  var reflection = document.createElement('img');  
  reflection.src = p.src;  
  reflection.style.width = reflectionWidth+'px';  
   
  reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';  
  reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';  
   
  d.style.width = reflectionWidth+'px';  
  d.style.height = divHeight+'px';  
  p.parentNode.replaceChild(d, p);  
   
  d.appendChild(p);  
  d.appendChild(reflection);  
  } else {  
  var canvas = document.createElement('canvas');  
  if (canvas.getContext) {  
  /* Copy original image's classes & styles to div */  
  d.className = newClasses;  
  p.className = 'reflected';  
  d.style.cssText = p.style.cssText;  
  p.style.cssText = 'vertical-align: bottom';  
   
  var context = canvas.getContext("2d");  
   
  canvas.style.height = reflectionHeight+'px';  
  canvas.style.width = reflectionWidth+'px';  
  canvas.height = reflectionHeight;  
  canvas.width = reflectionWidth;  
   
  d.style.width = reflectionWidth+'px';  
  d.style.height = divHeight+'px';  
  p.parentNode.replaceChild(d, p);  
   
  d.appendChild(p);  
  d.appendChild(canvas);  
   
  context.save();  
   
  context.translate(0,image.height-1);  
  context.scale(1,-1);  
   
  context.drawImage(image, 0, 0, reflectionWidth, image.height);  
   
  context.restore();  
   
  context.globalCompositeOperation = "destination-out";  
  var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);  
   
  gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");  
  gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");  
   
  context.fillStyle = gradient;  
  if (navigator.appVersion.indexOf('WebKit') != -1) {  
  context.fill();  
  } else {  
  context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);  
  }  
  }  
  }  
  } catch (e) {  
  }  
  },  
   
  remove : function(image) {  
  if (image.className == "reflected") {  
  image.className = image.parentNode.className;  
  image.parentNode.parentNode.replaceChild(image, image.parentNode);  
  }  
  }  
}  

function addReflections() {  
  var rimages = document.getElementsByClassName('userAvatar');  
  for (i=0;i<rimages.length;i++) {  
  var rheight = null;  
  var ropacity = null;  
   
  var classes = rimages[i].className.split(' ');  
  for (j=0;j<classes.length;j++) {  
  if (classes[j].indexOf("rheight") == 0) {  
  var rheight = classes[j].substring(7)/100;  
  } else if (classes[j].indexOf("ropacity") == 0) {  
  var ropacity = classes[j].substring(8)/100;  
  }  
  }  
   
  Reflection.add(rimages[i], { height: rheight, opacity : ropacity});  
  }  
}  

var previousOnload = window.onload;  
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }  
</script>

<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">  
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" onClick="emoticon('$USERNAME$,');return false;">$USERNAME$</a></td><td class="postTdTop"><div style="float:right"><a href="javascript://" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'}); return false;"><img src="http://s18.ucoz.net/img/icon/thumbu.png" width="13" border="0" title="Хороший пост"></a> <a href="javascript://" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'}); return false;"><img src="http://s18.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>  
<tr><td class="postTdInfo" valign="top">  
<div align="center">  
<table border="0" cellpadding="0" cellspacing="0">  
<tbody><tr>  
<td width="17" background="http://i071.radikal.ru/0902/ff/3bd0bff61a01.png" height="17">  
</td>  
<td background="http://s41.radikal.ru/i093/0902/77/290b6ff174f7.png" height="17">  
</td>  

<td width="17" background="http://s49.radikal.ru/i126/0902/87/94af9881da39.png" height="17">  
</td>  
</tr>  
<tr>  
<td width="17" background="http://s59.radikal.ru/i164/0902/f8/326a55f011dc.png">  
</td>  
<td>  

<img title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$">  

</td>  
<td width="17" background="http://s60.radikal.ru/i168/0902/c6/a4e3e0816fe3.png">  
</td>  
</tr>  
<tr>  
<td width="17" background="http://s60.radikal.ru/i167/0902/26/8cb928874182.png" height="17">  
</td>  
<td background="http://s55.radikal.ru/i147/0902/ea/8f85b050c329.png" height="17">  
</td>  

<td width="17" background="http://i011.radikal.ru/0902/bf/ce48d6da8a98.png" height="17">  
</td>  
</tr>  
</tbody></table> </div>  
<div class="postRankIco">$GROUP_ICON$</div><div class="postRankIco">$USER_RANK_ICON$</div>  
<p><a href="$MSN$" target="_blank"><img alt="" src="http://s54.radikal.ru/i145/0812/55/db6f26a8e1b8.png" align="" border="0"></a></p>  
<p><a title="$ICQ$" href="#" onClick="prompt('ICQ number','$ICQ$'); return false;"><img title="$ICQ$" src="http://fingerborders.ucoz.ru/Du3auH/nPO4EE/ICQ.png" border="0"></a></p>  
<p><div class="postRankName">$USER_TITLE$</div><div class="postRankName">Ранг: $USER_RANK_NAME$</div> </p>  
<p><div class="numposts">Сообщений: <span="unp">$POSTS$</span></div> </p>  
<DIV class="userBan">Замечания: <A class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</A> <A title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</A></DIV>  
<p><DIV></DIV><A href="$DO_REP_URL$"><IMG onclick="repchange('minus','$ID$');" title="Понизить" align="absmiddle" src="http://amxserver.net.ru/4forum/icon-minus.gif" border="0"></A> <A href="$READ_REP_URL$"><B>Репутация: $REP_RATING$</B></A> <A href="$DO_REP_URL$"><IMG onclick="repchange('plus','$ID$');" align="absmiddle" title="Повысить" src="http://amxserver.net.ru/4forum/icon-plus.gif" border="0"></A> </p>  
<DIV class="statusBlock">  
<div class="reputation"><a href="$AWARDS_READ_URL$" title="Список наград"><span class="repNums"><b>Награды: $AWARDS$</b></span></a> <a href="$AWARDS_DO_URL$"><span style="font-size:8pt" title="Вручить награду"><b>±</b></span></a>  
<p> $USER_STATUS$</DIV> </p>  
</TD><TD class="posttdMessage" valign="top">$MESSAGE$  
<div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div>  
<br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span>  
<br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div></td></tr>  
<tr><td class="postBottom" align="center"> (<a href="javascript://" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>) </div></td><td class="postBottom">  
<table border="0" width="100%" cellspacing="0" cellpadding="0">  
<tr><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>  
</table></td></tr></table>