Expandable list

hello!

I have a javascript form integrated with asp that does expandable lists...

Basically, I select the categories, do a loop to display them, and when the user clicks on one of them, he has a list of the sub-categories which are related to the category clicked.

My javascript is pretty bad, but, my asp is ok. I'm struggling to find out how to change the javascript code so that, if the users click and there are no sub-categories, they go to another page.

Thanks so much for any help!

The code is as below:

javascript:

<SCRIPT LANGUAGE="Javascript">
<!--
function over(evt) {
if (document.all) {
var src = event.srcElement;
var parent = src.parentElement;
} else {
var src = evt.target;
if (src.nodeType == 3) src = src.parentNode;
var parent = src.parentNode;
}
if (("SPAN" == src.tagName && parent.className != '')) {
src.style.color = "rgb(255,0,0)";
src.style.cursor = (document.all) ? "hand" : "pointer";
}
}
function out(evt) {
if (document.all) {
var src = event.srcElement;
var parent = src.parentElement;
} else {
var src = evt.target;
if (src.nodeType == 3) src = src.parentNode;
var parent = src.parentNode;
}
if (("SPAN" == src.tagName && parent.className != '')) {
src.style.color = "rgb(0,0,0)";
src.style.cursor = "auto";
}
}
function getChildElement(obj, childNum) {
var child = 0;
if (obj.hasChildNodes()) {
for (var i=0; i < obj.childNodes.length; i++) {
if (obj.childNodes[i].nodeType != 1) continue;
if (child != childNum) {
child++;
continue;
} else
return obj.childNodes[i];
}
}
return null;
}
function showIt(evt) {
var child = null, parent;
if (document.all) {
var src = event.srcElement;
var parent = src.parentElement;
} else {
var src = evt.target;
if (src.nodeType == 3) src = src.parentNode;
var parent = src.parentNode;
}
if (("SPAN" == src.tagName && parent.className != '')) {
/* IE 5 will also execute the getChildElement function but not IE 4.0
* That is the reason why the document.all reference is used here for IE */
child = (document.all ? document.all[src.sourceIndex+1] : getChildElement(parent, 1));
if (null != child && "LI" == parent.tagName && "UL" == child.tagName) {
parent.className = ("close" == parent.className ? "open" : "close");
child.className = ('expanded' == child.className ? 'none' : 'expanded');
}
}
}
//-->
</SCRIPT>

And the bit where the javascript is used is:

do while not(rs.eof)
CatID = rs("Link_Category_ID")
cat=rs("Link_Category")
%>

<UL CLASS="toc" ONMOUSEOVER="over(event);" ONMOUSEOUT="out(event);" ONCLICK="showIt(event);">
<LI CLASS="close"><SPAN><%=cat%></SPAN>

<UL>

<%sql2="select * from list_link_category Where Parent_ID = "&CatID
Set rs2 = cn.execute (sql2)

'If not rs2.EOF Then
do while not rs2.EOF
%>

<LI><%=rs2("Link_Category")%></LI>
<%rs2.MoveNext
loop%>
</UL>
<%'Else
'response.Redirect ("list.asp?cat="&cat)
'End If
%>
</LI>
</ul>

<%
rs.movenext
loop
%>