Вствка java в код

Люди, а помогите пожалуйста разобраться с проблемой. есть такой вот код

<script>
function pagestext(i) {
switch (i)
{
case 1: dis1.innerHTML = "Технические характеристики"; dis3.innerHTML = "11_1.htm"; break;
case 2: dis1.innerHTML = "Логический элемент И-НЕ"; dis3.innerHTML = "<object classid='clsid27CDB6E-AE6D-11cf-96B8-444553540000' width='450' height='300'><param name='movie' value='images/2.swf'><param name='quality' value='high'><param name='menu' value='false'><param name='wmode' value=''></object>"; break;
case 3: dis1.innerHTML = "Логический элемент ИЛИ-НЕ"; dis3.innerHTML = "<object classid='clsid27CDB6E-AE6D-11cf-96B8-444553540000' width='450' height='300'><param name='movie' value='images/3.swf'><param name='quality' value='high'><param name='menu' value='false'><param name='wmode' value=''></object>"; break;
case 4: dis1.innerHTML = "Логический элемент И"; dis3.innerHTML = "<object classid='clsid27CDB6E-AE6D-11cf-96B8-444553540000' width='450' height='300'><param name='movie' value='images/4.swf'><param name='quality' value='high'><param name='menu' value='false'><param name='wmode' value=''></object>"; break;
case 5: dis1.innerHTML = "Логический элемент ИЛИ"; dis3.innerHTML = "<object classid='clsid27CDB6E-AE6D-11cf-96B8-444553540000' width='450' height='300'><param name='movie' value='images/5.swf'><param name='quality' value='high'><param name='menu' value='false'><param name='wmode' value=''></object>"; break;
}
}
function openIt(x) {

curEl = event.toElement

showBox = document.all.box[x];
showBox.style.visibility = "visible";

var items = 5
for (i=0; i<items; i++) {
elOpen=document.all.box
if (i != x){
elOpen.style.visibility = "hidden"
}
}
}
function closeIt() {
var items = 5
for (i=0; i<items; i++) {
elOpen=document.all.box
elOpen.style.visibility = "hidden"
}
}
</script> <table border="0" width="100%" cellspacing="0" cellpadding="5">
<tr>
<td class="menu" width="50%" rowspan="5">
<img src="http://palitra.ru/img/images/39_151.jpg" mce_src="http://palitra.ru/img/images/39_151.jpg" alt=" " align="left" height="279" width="215"></td>
<td class="menu" width="50%">

<input onClick="openIt(0)" type="button" value="Технические характеристики" class="menu_but"></td>
</tr>
<tr>
<td class="menu" width="50%">

<input onClick="openIt(1)" type="button" value="Назначение" class="menu_but"></td>
</tr>
<tr>
<td class="menu" width="50%">

<input onClick="openIt(2)" type="button" value="Кратко" class="menu_but"></td>
</tr>
<tr>
<td class="menu" width="50%">

<input onClick="openIt(3)" type="button" value="Рекомендации" class="menu_but"></td>
</tr>
<tr>
<td class="menu" width="50%">

<a href="11_1.htm"><input type="button" value="Для печати" class="menu_but"></a></td>
</tr>
<tr>
<td class="menu" colspan="2">

<div id="dis1" align="center" class="hed"></div>
<div id="dis2"></div>
<div id="dis3" align="center"></div>

</td>
</tr>
</table>
<div id="box">
1
</div>
<div id="box">
2
</div>
<div id="box">
3
</div>

<div id="box">
4
</div>

<div id="box">

</div>
<div id="box">

</div>


и соответственно в css прописаны стили под него

.menu{
color: #000;
font-family: Times New Roman;
text-decoration: none;
font-size: 10pt;
font-weight: bold;
}
.menu_but{
color: #ooo;
font-family: Times New Roman;
text-decoration: underline;
font-size: 10pt;
font-weight: bold;
border-style: solid;
border-width: 0px;
background-color: #fff;
text-align: left;
margin-left: 5;
}
.hed{
color: #000;
font-family: Times New Roman;
text-decoration: none;
font-size: 14pt;
font-weight: bold;
}

#box {
position:absolute;
visibility:hidden;
}
#blackbox { font-family: Verdana, Arial; font-size:8pt; color: #000000; text-decoration: none }
#mnubar { font-family: Verdana, Arial; font-size:10pt; color: #000000; font-weight:bold; text-decoration: none }



Пока это в виде хтмл страницы - все работает. вставляю в страницу джумлы разными способами: скрипт в теле, скрипт в шаблоне и работать перестает. подскажите, как заставить это дело работать?