[JavaScript] petla po elementach li Opcje

[pakolord]

Cześć, mam problem z pętlą for po elementach li, dokładnie chodzi o to, że jak najadę kursorem na dany element w menu to na samym dole powinien się pojawiać krótki opis działu oraz zdjęcie. Jednak pętla zachowuje się tak, że zmienna x przyjmuje wartość końcową pętli co w efekcie nieważne na jaki element najadę, pokazują się informacji przypisane do ostatniego elementu li:

[HTML] pobierz, plaintext 
var li = document.getElementById('menu').getElementsByTagName('li');
var opis = document.getElementById('opis');
 
for(var x = 0; x < li.length; ++x)
{
li[x].onmouseover=function(e){
 
opis.style.color = 'white';
opis.style.opacity = '1';
opis.style.height = 'auto';
opis.style.border = '1px solid white';
opis.style.display = 'block';
 
opis.innerHTML = li[x-1].getElementsByTagName('div')[0].innerHTML;
 
}
li[x].onmouseout=function(e){
 
opis.style. opacity = '0';
opis.style.height = '0px';
opis.innerHTML = '';
 
 
}}
[HTML] pobierz, plaintext 

[nospor]

Nie
li[x-1]

a:
this

[pakolord]

dziekuje