Доброго времени суток! Я прошу у вас помощи со спойлером информации в профиль, а точнее с его правильным заполнением, ибо у меня не выходит. Оставляла вопрос на этом форуме, но там мне не отвечают. ;с
Вот скрипт:

Код:
<script>
function HideInfo(id,but){
if(but.value=="1"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if ((fil[fi].className=="pa-fld1") || (fil[fi].className=="pa-fld2") || (fil[fi].className=="pa-fld3"))
{fil[fi].style.display = "none";}
if ((fil[fi].className!="pa-fld1") && (fil[fi].className!="pa-fld2") && (fil[fi].className!="pa-fld3"))
{fil[fi].style.display = "block";}
}
}
if(but.value=="2"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld1") 
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld1")
{fil[fi].style.display = "block";}
}
}
if(but.value=="3"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld2")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld2") 
{fil[fi].style.display = "block";}
}
}
if(but.value=="4"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld3")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld3") 
{fil[fi].style.display = "block";}
}
}
if(but.value=="5"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld1")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld1") 
{fil[fi].style.display = "block";}
}
}
  return false}
d = document.getElementsByTagName("div")
for (i=0;d[i]; i++){
if (d[i].className.indexOf("post-author")!=-1){t = d[i].innerHTML
   if((j = t.toLowerCase().indexOf("<li class=pa-from>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-from\">"))!=-1 || (j = t.toLowerCase().indexOf("<li class=pa-reg>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-reg\">"))!=-1)
    d[i].innerHTML = t.substring(0,j)+"<center><input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='1' id='bu1' title='Статистика'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='2' id='bu2' title='О персонаже'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='3' id='bu3' title='История'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='4' id='bu4' title='Инвентарь'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='5' id='bu5' title='Награды'>&nbsp;</center><div id='info"+i+"'>"+t.substring(j,t.length)+"</div>"}}
</script>

Обсуждение велось ранее в этой теме.
Примеры спойлера информации в профиле на форумах, где он установлен и в рабочем состоянии:
Ссылка №1
Ссылка №2
Ссылка на мой форум-пробник
Интересует:
- картинки вместо стандартных кнопок, куда и как их вставить, ибо я не поняла;
- правильное распределение полей профиля по частям скрипта;
- корректное отображение, чтоб скрипт работал верно;
Я хочу:
- в первом спойлере у меня будет кнопка с этим изображением, я хочу, чтоб там была информация именно о пользователе, стандартная;
- во втором спойлере хочу, чтоб было такое изображение, вместо стандартной кнопки, там я хочу, чтоб располагалась информация именно о персонаже;
- в третьем спойлере я хочу, чтоб была вот такая картинка кнопки, там я хочу расположить что то наподобие инвентаря;
- и четвертый спойлер, хочу вот такую картинку кнопки, тут я хочу, чтобы располагались награды, которые будут вручать пользователям за заслуги.
Прошу помочь со скриптом, заранее благодарна за потраченное на меня время и усилия.