Forkort javascript kode?

Hey udviklere.

Jeg har denne javascript kode:

<tr id="7" onClick="musklik(this.id);" onMouseOver="musind(this.id);" onMouseOut="musud(this.id);">

Som jeg bruger til mine tabeller for at lyse baggrunden op når man holder musen over. Men findes der ikke en mere simpel metode at gøre dette på?

Lige nu ser det nemlig meget rodet ud:

 echo '<tr id="1" onClick="musklik(this.id);" onMouseOver="musind(this.id);" onMouseOut="musud(this.id);"><td>Sidens titel:</td><td><input type="text" name="title" value="' . $indstill[title] . '" class="text"></td></tr>';
 echo '<tr id="2" onClick="musklik(this.id);" onMouseOver="musind(this.id);" onMouseOut="musud(this.id);"><td>Meta beskrivelse:</td><td style="width: 80%;"><textarea name="kommentar" style="width:450px; height: 80px; border: 0px; background-color: ' . $color . '; border: 1px solid ' . $color . '">' . $indstill[kommentar] . '</textarea></td><td><a onClick="alert(\'Beskrivelse af din hjemmeside som vises på søgemaskiner, som bla. google, yahoo m.m.\');" href="#"><IMG border="0" style="cursor:help;" src="images/icons/information.png"></a></td></tr>';
 echo '<tr id="3" onClick="musklik(this.id);" onMouseOver="musind(this.id);" onMouseOut="musud(this.id);"><td>Meta keywords:</td><td><input type="text" name="keyword" value="' . $indstill[keyword] . '" class="text"></td><td><a onClick="alert(\'De ord man søger på ved en søgemaskine for at finde din side\');" href="#"><IMG border="0" style="cursor:help;" src="images/icons/information.png"></a></td></tr>';

(bare et udkast fra min kode)

Og selve javascript koden ser således ud:

 <script type="text/javascript">
     function musind(x){
         document.getElementById(x).style.backgroundColor="#F0F0F0";
     }
     
     function musud(x) {
         document.getElementById(x).style.backgroundColor="#FFFFFF";
     }
     
     function musklik(x) {
         document.getElementById(x).style.backgroundColor="yellow";
     }
 </script>