HTML+CSS+JavaScript

Привет всем!!! Скажу сразу я в JavaScript новичок только начинаю знакомится есть такая проблема я делаю себе сайт и хочу туда поставить разваливающееся меню скачал скрипт начал подстраивать его под себя и вот тут начинается проблема как мне добавить туда еще каталогов (сразу поправлю не подкоталоги с ними все нормально):


<head\

<script language=JavaScript\

function clickHandler(evt)
{
var targetId, srcElement, targetElement;
srcElement = evt ? evt.target : window.event.srcElement; // window.event - IE-only
if (srcElement.className == "Outline")
{
targetId = srcElement.id + "details";
targetElement = document.getElementById(targetId); // document.all фтопку
if (targetElement.style.display == "none")
{targetElement.style.display = "";}
else
{targetElement.style.display = "none";}
}
}
document.onclick = clickHandler;
</script\
</head\



\body >

<b id="Out1" class="Outline" style="cursor: hand;">Фоны</b><br>
<div id="Out1details" style="display:None; position:relative; left:12;">
<a href="">Фоны</a><br>
<a href="">Фоны с разделителями</a><br>
</div>

</body\

напишите плиз где что надо поменять и поставить или добавить!!!! Зарание плогодарин и спосибо!!

Ауууу кто нить плиз помогите срочно нужен!!!!

<BR> <a id="Out0" class="Outline" style="cursor: hand; color: #000000; font-weight: bold"> &#9658; ГЛАВНОЕ МЕНЮ</a> <div id=Out0details style="display:None; position:relative; left:9;"> <a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">&#9658; Home</a><br> <a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">&#9658; Дата и Время</a><br> <a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Часы</a><br> <a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Прокрутки (Scrollers)</a><br> <a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Другая страница</a><br> <a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Дата Обновления</a><br> <a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Линки</a> </div><BR> <a id="Out1" class="Outline" style="cursor: hand; color: #000000; font-weight: bold"> &#9658; ЕЩЕ ОДНО МЕНЮ</a> <div id=Out1details style="display:None; position:relative; left:9;"> <a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">&#9658; Home</a><br> <a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">&#9658; Дата и Время</a><br> <a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Часы</a><br> <a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Прокрутки (Scrollers)</a><br> <a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Другая страница</a><br> <a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Дата Обновления</a><br> <a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Линки</a> </div><BR> <a id="Out2" class="Outline" style="cursor: hand; color: #000000; font-weight: bold"> &#9658; И ЕЩЕ ОДНО МЕНЮ</a> <div id=Out2details style="display:None; position:relative; left:9;"> <a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">&#9658; Home</a><br> <a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">&#9658; Дата и Время</a><br> <a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Часы</a><br> <a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Прокрутки (Scrollers)</a><br> <a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Другая страница</a><br> <a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Дата Обновления</a><br> <a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">&#9658; Линки</a> </div>