onmouseout getElementById text change

[br4t]

Hi there.
Currently encountering slight problems regarding a bit of javascript im using on a page im designing. Must warn though that my scripting skills are rather neglectable....

Im using this bit of code (it's a script ive downloaded)

 
<script>
<!--
var content=new Array()
content[0]='<div class="menu"><div align="center"><b>Welkom</b></div><ul><a href="index.php?id=welkom&sub=welkom"><li>Home</li></a><a href="index.php?id=welkom&sub=nieuws"><li>Nieuws</li></a></ul></div>'
content[1]='<div class="menu"><div align="center"><b>Organisatie</b></div><ul><a href="index.php?id=organisatie&sub=organisatie"><li>Wie zijn wij?</li></a><a href="index.php?id=organisatie&sub=wat"> <li>Wat doen wij?</li></a><a href="index.php?id=organisatie&sub=visie"><li>Visie</li></a></ul></div>'
content[2]='<div class="menu"><div align="center"><b>IGM</b></div><ul><a href="index.php?id=igm&sub=igm"><li>Wat is IGM?</li></a><a href="index.php?id=igm&sub=igm_belang"> <li>Waarom IGM?</li></a><a href="index.php?id=igm&sub=igm_bedrijfssport"><li>IGM en Bedrijfssport</li></a><a href="index.php?id=igm&sub=preventie"><li>Preventief of reactief?</li></a><a href="index.php?id=igm&sub=wetten"><li>Wetten & <br />regels</li></a></ul></div>'
content[3]='<div class="menu"> <div align="center"><b>Diensten</b></div> <ul><a href="index.php?id=diensten&sub=aanpak"><li>Aanpak</li></a><a href="index.php?id=diensten&sub=mogelijkheden"><li>Diensten</li></a><a href="index.php?id=diensten&sub=kantoor"><li>Kantoor Oefeningen</li></a><a href="index.php?id=diensten&sub=producten"><li>Producten</li></a><a href="index.php?id=diensten&sub=referenties"><li>Referenties</li></a></ul></div>'
content[4]='<div class="menu"> <div align="center"><b>Contact</b></div><ul><a href="index.php?id=contact&sub=contact"><li>Contact</li></a></ul></div>'
 
 
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}
 
function changetext(whichcontent){
 
if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("navcontainer"):document.all.descriptions
cross_el.innerHTML='<font face="verdana">'+whichcontent+'</font>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="verdana">'+whichcontent+'</font>')
document.d1.document.d2.document.close()
}
 
}
 
function appear(){
document.d1.visibility='show'
}
 
window.onload=regenerate2
 
 
//-->
</script>
 
 

which is called into action from this bit of code

<a href="index.php?id=welkom&sub=welkom" onMouseOver="document.show0.src = 'images/menu/Menu_roze_welkom.gif'"onmouseout="document.show0.src='images/menu/Menu_grijs_welkom.gif'"> <img src="images/menu/Menu_grijs_welkom.gif" alt="W en M Bedrijfssport" name="show0" height="70" border="0" id="show0" onMouseOver="changetext(content[0])" /></a>

So far so good, changetext(content[]) is doing it's job. However on mouseout i'd like the script to check for the currently active part of "navcontainer" and load the related content[].

TO see this all in action go to bedrijfssport.com and mouseover the images on the left, you'll see the text changing in the upper right corner. The problem is that it stays changed and does not return to its original value.


I hope this makes sense....

Thanks in advance!

[pbmods]

Heya, br4t. Welcome to TSDN!

If you're running low on whitespace, let me know and I'll send you some.

It makes your code easier to read, which also makes it more likely that somebody might want to take the time to decipher it and help you figure out how to solve your problem....

[acoder]

There is an error in your code:

rechangetext2 is not defined. You haven't defined it anywhere.