<script>
var remember = new Array();
var remember2 = new Array();
var checkIt;
var DHTML = (document.getElementById || document.all || document.layers);
function show(name,lvl,obj)
{
if (!DHTML) return;
//checkUserInput();
if (remember\[lvl\] && remember\[lvl\] == name) return;
if (remember\[lvl\])
{
closeAll(lvl);
}
if (name)
{
var x = getObj(name);
x.visibility = 'visible';
}
remember\[lvl\] = name;
if (obj.parentNode) y = obj.parentNode;
else if (obj.parentElement) y = obj.parentElement;
else return;
if (y.className) return;
y.className = 'over';
if (remember2\[lvl\]) remember2\[lvl\].className = '';
remember2\[lvl\] = y;
}
function closeAll(lvl)
{
for (i=remember.length - 1;i>=lvl;i--)
{
if (remember*)
{
var x = getObj(remember*);
x.visibility = 'hidden';
}
remember = null;
if (remember2)
{
remember2*.className = '';
remember2 *= null;
}
}
}
function checkUserInput()
{
if (checkIt) clearTimeout(checkIt);
checkIt = setTimeout('closeAll(1)',2000);
}
function getObj(name)
{
if (document.getElementById)
{
return document.getElementById(name).style;
}
else if (document.all)
{
return document.all[name].style;
}
else if (document.layers)
{
return document.layers[name];
}
else return false;
}
</script>
<a href="#" onclick="show('altdiv1',1,'');">a1</a>
<a href="#" onclick="show('altdiv2',1,'');">a2</a>
<a href="#" onclick="show('altdiv3',1,'');">a3</a>
<a href="#" onclick="show('altdiv4',1,'');">a4</a>
<div id="altdiv1" style="visibility:hidden">altdiv1</div>
<div id="altdiv2" style="visibility:hidden">altdiv2</div>
<div id="altdiv3" style="visibility:hidden">altdiv3</div>
<div id="altdiv4" style="visibility:hidden">altdiv4</div>******
