[js] Problem z podmianą koloru tła Opcje

[Fixus]

Witam.
Posiadam listę czegokolwiek...np. produktów wygląda to np tak:

[HTML] pobierz, plaintext 
<tr>
<td>
<div class="parzyste">biale tlo</div>
</td>
</tr>
<tr>
<td>
<div class="nieparzyste">szare tlo</div>
</td>
</tr>
<tr>
<td>
<div class="parzyste">biale tlo</div>
</td>
</tr>
<tr>
<td>
<div class="nieparzyste">szare tlo</div>
</td>
</tr>
[HTML] pobierz, plaintext 

Do tej pory mój kod js wyglądał tak(do tej pory czyli zanim zostały wprowadzone napremienne klasy)

[HTML] pobierz, plaintext 
onmouseover="this.style.backgroundColor='#2e6399';" onmouseout="this.style.backgroundColor='#f1f1f1';"
[HTML] pobierz, plaintext 

I wszystko było fajnie bo najeżdżałem było niebieskie, zjeżdżałem było białe, ale teraz jak najadę na szarą komórkę to jest ok bo jest niebieska, ale jak zjeżdżam to jest biała a nie szara (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) Skasowanie onmouseout nic nie da, bo biała zostanie ustawiona na szarą i tak zostanie. Nie wiem jak sobie z tym poradzić

[nospor]

podam ci kod jak ja to robie w jquery.
Nadaje klase dla tr i zdejmuje dla tr:

Kod

    $(".grid table tbody tr")
    .mouseover(function(){
        $(this).addClass('gridOver');
    })
    .mouseout(function(){
        $(this).removeClass('gridOver');
    });

I juz.
Moze ci sie przyda. Ogolnie polecam ci przejscie na jakiegos liba js - bedziesz mial latwiej