Нужна помощь в настройке шаблона!

Добрый день, нужна помощь специалистов в настройке шаблона :)

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

function menuer(tab,left,right)

{

var to_turn = 'changed-content-'+num;

var to_turn_link = 'changelink'+num;

for (i=0;i<=10;i++)

{

var to_off = 'di'+i;

document.getElementById(to_off).className = 'devider';

}

for (i=1;i<=11;i++)

{

var to_off = 'li'+i;

document.getElementById(to_off).className = '';

}

document.getElementById(left).className = 'devider-e';

document.getElementById(right).className = 'devider-e';

document.getElementById(tab).className = 'current';

}

function turn_on(num)

{

var to_turn = 'changed-content-'+num;

var to_turn_link = 'changelink'+num;

n = 2;

for (i=1;i<=n;i++)

{

var to_off = 'changed-content-'+i;

var c_to_off = 'changelink'+i;

document.getElementById(to_off).style.display = 'none';

document.getElementById(c_to_off).className = ' ';

}

document.getElementById(to_turn).style.display = 'block';

document.getElementById(to_turn_link).className = 'active';

}

function turn_on2(num)

{

var to_turn = 'changed-content2-'+num;

var to_turn_link = 'changelink2'+num;

n = 2;

for (i=1;i<=n;i++)

{

var to_off = 'changed-content2-'+i;

var c_to_off = 'changelink2'+i;

document.getElementById(to_off).style.display = 'none';

document.getElementById(c_to_off).className = ' ';

}

document.getElementById(to_turn).style.display = 'block';

document.getElementById(to_turn_link).className = 'active';

}

</script>

<div id="changed">

<div id="changed-top">

<div id="changed-bottom">

<div class="sidebar-box-top-buttons">

<ul class="bubu">

<li class="bt1"><a id="changelink1" href="javascript:turn_on(1);" class="active" >Текст</a></li>

<li class="bt2"><a id="changelink2" href="javascript:turn_on(2);" >Текст</a></li>

</ul>

</div>

<div class="sidebar-box-middle">

<div id="changed-content-1">

<ul class="kuku">

<img src='<?php echo get_option('home'); ?>/wp-content/themes/default/i/autor.png' alt='Автор' width="100" height="90" border='0' align="left" /><br />

Текст

</ul>

</div>

<div id="changed-content-2">

<ul class="kuku">

<img src='<?php echo get_option('home'); ?>/wp-content/themes/default/i/autor.png' alt='Автор' width="100" height="90" border='0' align="left" />

Текст

</ul>

</div>

</div>

</div>

</div>

</div>

<div id="changed">

<div id="changed-top">

<div id="changed-bottom">

<div class="sidebar-box-top-buttons">

<ul class="bubu">

<li class="bt1"><a id="changelink1" href="javascript:turn_on(1);" class="active" >Текст</a></li>

<li class="bt2"><a id="changelink2" href="javascript:turn_on(2);" >Текст</a></li>

</ul>

</div>

<div class="sidebar-box-middle">

<div id="changed-content-1">

<ul class="kuku">

<img src='<?php echo get_option('home'); ?>/wp-content/themes/default/i/autor.png' alt='Автор' width="100" height="90" border='0' align="left" /><br />

Текст

</ul>

</div>

<div id="changed-content-2">

<ul class="kuku">

<img src='<?php echo get_option('home'); ?>/wp-content/themes/default/i/autor.png' alt='Автор' width="100" height="90" border='0' align="left" />

Текст

</ul>

</div>

</div>

</div>

</div>

</div>

Переключение вкладок организовано с помощью Ява скрипта, но работают корректно они только на 1 блоке в колонке, в остальных не переключает. Как сделать несколько блоков с переключением?

Спасибо всем за внимание и помощь :)