<style type="text/css">
#button-spoiler_r {background:url('http://img706.imageshack.us/img706/1943/spoiler.gif') no-repeat center !important;}
</style>
<script type="text/javascript">
FORUM.set('editor.spoiler_r', { name : 'Спойлер', onclick :  function() {tag_spolier()} } );
</script>

<script type="text/javascript">
function tag_spolier()
{var FoundErrors = '';
var enterTITLE = prompt("Введите описание закрытой кнопки", 'Спойлер');
var enterTITLE2 = prompt("Введите описание открытой кнопки", 'Закрыть');
bbcode('[spoiler='+enterTITLE+'|'+enterTITLE2+']','[/spoiler]');}
$(function(){
$('input.spoiler-button').live('click',function(){
$(this).parents('div.spoiler-box').find('blockquote.quote-box').toggle('normal');
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a); });    });
$('div.post-box p').map(function () {
text = $(this).html();
if(text.indexOf("[/spoiler]" ) != -1) {
$(this).html(text.replace(/\[spoiler=(.*?)\|(.*?)\]([^`]*?)\[\/spoiler\]/gi, "<div class='spoiler-box' style='padding:1px;background: none;border: 0;'><input id='$2' class='spoiler-button' style='width:140px;font-size:10px; margin:0; cursor: pointer; font-weight:bold' type='button' value='$1'><blockquote class='quote-box' style='display:none; width:auto;margin:0;'>$3</blockquote></div>")) 
} }); 
</script>

<script type="text/javascript">
FORUM.set('editor.link_spl', {name:'Спойлер',onclick:function(){bbcode('[quote==Spoiler]','[/quote]');}});
</script>
<style type="text/css">
#button-link_spl {background:url('http://img706.imageshack.us/img706/1943/spoiler.gif') no-repeat center !important;}
#lnk2{background-image:url(../i/blank.gif);}
.punbb .post-content .spoiler.quote-box{
  border-bottom-left-radius: 12px!important;
  border-bottom-right-radius: 12px!important;
  border-top-left-radius: 12px!important;
  border-top-right-radius: 12px!important;
  border:dashed 2px #E5C4E5;
}
.punbb .post-content .spoiler.quote-box blockquote p{margin:-20 12px 0 12px;}

.punbb .post-content div.show-hide{
  width: 100%!important;
}
.punbb .post-content div.show-hide{
  width: 100%!important;
.punbb .post-content div.show-hide{
  padding-left:13px;
  margin-top: 12px!important;
  padding:13px 0!important;
  width:90%;
  background-color:#E8D3F5!important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border:dashed 1px #D1C1D8;
}
</style>
<style id="MakeSpoiler">.punbb .post .quote-box{display:none!important;}</style>

<script type="text/javascript">
var StSTART="<div class=\"spoiler quote-box\">\
<p class=\"Button-spoiler\" style=\"padding:8px 0 12px 0;\"><img src=\"http://savepic.net/700536.png\" class=\"Sp-button\" onclick=\"$(this).parents('div.spoiler').children('div.show-hide').toggle('slow'),$(this).parents('div.spoiler').find('span.show-hide').toggle()\" onmousedown=\"this.src='http://savepic.net/680056.png'\" onmouseup=\"this.src='http://savepic.net/700536.png'\" onmouseout=\"this.src='http://savepic.net/700536.png'\" style=\"margin:-8px 6px 0 4px;float:left;\" alt=\"'Кнопка'\"/><img src=\"http://savepic.net/680056.png\" style=\"position:absolute;z-index:-3;visibility:hidden;\" alt=\"img-2\"/><span style=\"margin-left:3px;padding:2px 20px 2px 17px;border:dashed 2px #C9C9C9;\"><span class=\"show-hide 1\">Показать</span><span style=\"display:none;\" class=\"show-hide 2\">Скрыть</span></span></p>\
<div class=\"show-hide\" style=\"margin-top:6px;width:100%!important;display:none\"></br><blockquote>"
var StEnd='</blockquote></div></div>';
</script>

<script type="text/javascript">
$(".post-box .quote-box cite:contains('=Spoiler написал(а):')").each(function (i) {
$(this).parent(".quote-box").replaceWith(StSTART+$(this).parent(".quote-box").find("blockquote:first").html()+StEnd)
})
$("#MakeSpoiler").replaceWith("")</script>