Witam!

Mam problem z napisaniem dynamicznego menu w JavaScript.

Kod JSa wygląda następująco:

[HTML] pobierz, plaintext 
script type="text/javascript">
 
	function Laduj() {
		var mainHandler = document.getElementById('main');
		var links = mainHandler.getElementsByTagName('a');
 
		for(var i=0; i <= links.length; i++) {
			var j=i+1;
			if (j <= links.length) {
				var name = 'mtl'+j;
				links[i].onmouseover = function () { Pokaz(name); };
			}
		}
	}
 
	function Pokaz(menu) {
		document.getElementById(menu).style.display = 'block';
	}
 
	window.onload = Laduj;
</script>
[HTML] pobierz, plaintext 

a HTML tak:

[HTML] pobierz, plaintext 
<div id="main">
	<a href="#" id="l1">Link 1</a> | 
	<a href="#" id="l2">Link 2</a>
</div>
 
<div id="mtl1">Treśc submenu 1.</div>
<div id="mtl2">Treśc submenu 2.</div>
[HTML] pobierz, plaintext 

Problem w tym, że gdy najadę na któryś z linków zawsze pojawia się treść ostatniego submenu. Zdarzenia dla linków muszą być generowane dynamicznie, gdyż nie wiadomo ile będzie pozycji w menu.

Chowanie będzie działać na podobnej zasadzie.

Na razie wiem tyle, że problem tkwi w tej lini:

[HTML] pobierz, plaintext 
links[i].onmouseover = function () { Pokaz(name); };
[HTML] pobierz, plaintext 

Zamiast modyfikować konkretny odnośnik (parametr i) to modyfikuje wszystkie linki w tablicy, więc przy każdej iteracji zmienia się wartość onMouseOver wszystkich elementów tablicy.

Mam nadzieję, że jasno opisałem problem

Z góry dzięki za odpowiedź.