<style type="text/css">
/* вкладки доп смайлов */
.insertBlock{
 padding:0;
 position:absolute;
 right:0;
 margin:33px -8px 0 0;
 display:inline-block;
 width:33px;
 height:33px;
 padding:3px;
}
#td_2{
   padding:0;
   border:#EAE8E8 1px solid;
}
#td_2 img{
   cursor:pointer;
}
#td_2 .t2 img{
   padding:1px 0 0 1px;
}
#td_2.active{
   border:transparent 1px solid;
}
#NewSmile-block {
  background:transparent;
  position:absolute;
  margin-left:0px;
  border:transparent;
  overlov-x:hidden;
  display:block;
  width: 42px;
  padding:0;
}
#wrapper {
 padding:0;
}
#wrapper table td{
 padding:0;
}
ul.tabs8 {height: 20px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs8 li {width:34px;cursor:pointer;float:right;}
ul.tabs8 li a {display: block;padding: 0 3px 0px;color: #000;text-decoration: none;cursor: pointer;background: #ededed;border: 1px solid #C4C3D0;}
ul.tabs8 li a:hover {color: #c4c4c4;background: #FFF;border: 1px solid #eeead9;}
ul.tabs8 li.tab-current8 a {color: #454545;background: #fff;border: 1px solid #d9d9d9;}
div.t1, div.t2, div.t3 {display: none;width: 450px; background: #ededed; padding: 3px 3px 3px 3px;border: 1px solid #cecece;}
</style>
<script type="text/javascript">
$('#main-reply').before('<div class=insertBlock><div id=NewSmile-block></div></div>');
var nabor2 = [
'http://uploads.ru/i/O/7/o/O7opj.gif',];

var nabor3 = ['http://uploads.ru/i/X/E/e/XEe9r.png',];

$(document).ready(function() {
$('#NewSmile-block').addClass('t1');
$('#NewSmile-block').prepend('<div id="wrapper"><table><tr valign=top><td width=35><ul class="tabs8 tabs1"><li class="t2"><a>DA</a></li><li class="t3"><a>FU</a></li></ul></td><td id=td_2><div class="t2"></div><div class="t3"><br></div></td></tr></table></div>');
$.each(nabor2, function(i) {
$('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[img]'+nabor2[i]+'[/img]\') />');
});
$.each(nabor3, function(i) {
$('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[img]'+nabor3[i]+'[/img]\') />');
});
$("ul.tabs8.tabs1 li:not([class*='active'])").live('click',function(){
$("ul.tabs8.tabs1 li.active,#td_2").removeClass('active');
var thisClass = this.className.slice(0,2);
$(this).addClass('active');$("#td_2").addClass('active');
$("#wrapper div.[class^='t']").hide();
$('ul.tabs8.tabs1 li').removeClass('tab-current8');
$(this).addClass('tab-current8');
$('#wrapper div.' + thisClass).fadeToggle('slow');
$('#NewSmile-block').animate({"margin-left":"-470px","width": "517px"},900);

});
$("ul.tabs8.tabs1 li.active").live('click',function(){
var thisClass = this.className.slice(0,2);
$("#td_2,ul.tabs8.tabs1 li.active").removeClass('active');
$("#wrapper div.[class^='t']").hide();
//$("#wrapper div.[class^='t']:first").fadeToggle('slow');
$('ul.tabs8.tabs1 li').removeClass('tab-current8');
$('#NewSmile-block').animate({"margin-left":"0px","width": "42px"},900);
});
$("#td_2").click(function(){
 $("ul.tabs8.tabs1 li.active").click();
});
$("#main-reply").bind('mousemove keydown keypress keyup blur', function(e){
 if(this.scrollHeight > this.offsetHeight){
    $("div.insertBlock").css({"right":"18px"});
 } else{$("div.insertBlock").css({"right":"0"});}
});

 });
</script>

<script type="text/javascript"><!--Фон ячейки в посте-->
$(document).ready(function(){
$("#post #button-color").after('<td title="Фон ячейки таблицы" id=button-bgColor align=center valign=center><img onclick="bbcode(\'[url=http://tdBgColor]\',\'[/url]\')" src="http://s3.uploads.ru/OWKDt.gif" style="width:22px!important;height:22px!important"/></td>');});
$('.post-content table td a[href$="tdBgColor"] span').each(function() {
  var color=$(this).css('color');
  var td=$(this).parents('td');
  td.css({'background-color':color});
  var quote=td.find('.quote-box');
  //quote.css({'background-color':color}); //Если нужна окраска цитат - первые две палки убираем
});
</script>