zjednodušení ONMOUSEOVER

Na webu jsem si udělal tabulku, jejíž každý řádek po najetí mění barvu.
Kod vypadá nějak takto:

<table class=vybertest align=center>
<tr class="v" onmouseover="this.className='o'" onmouseout="this.className='v'"><td>řádek1
<tr class="v" onmouseover="this.className='o'" onmouseout="this.className='v'"><td>řádek2
<tr class="n" onmouseover="this.className='o'" onmouseout="this.className='n'"><td>řádek3
<tr class="v" onmouseover="this.className='o'" onmouseout="this.className='v'"><td>řádek2
</table>


Docla mi to zvětšuje velikost souboru a potřeboval bych to tak, aby po najetí na řádek tabulky by se změnila "class" na "o" a po odjetí aby se to vrátilo na původní hodnotu (tedy "n" nebo "v").

Díky.

Aha, tak mam problem.
Ted jsem to otevřel v Exploreru a hlásí to chybu. Ve Firefoxu to funguje.

Skript:
<script type="text/javascript">
window.onload = function() {
for (var i = 0; i < document.getElementsByTagName('tr').length; i++) {
document.getElementsByTagName('tr')[i].onmouseover = function() {this.className += ' hover';}
document.getElementsByTagName('tr')[i].onmouseout = function() {this.className = this.className.replace(/\bhover\b/,'');}
}
}
</script>

Už jsem si to opravil, chyba byla asi v tom že sem to neměl v hlavičce:)