[HTML, CSS] менять цвет onmouseover и onmouseout

есть тут страница http://www.x0.org.ua/stat/stat_content , я поставил, чтобы через каждый tr был разные цвет белый-серый и т.д.

и поставил чтобы при наводе мышкой цвет менялся на конкертный, а при выводе курсора мышки цвет ставал на другой

НО так как тут каждая вторая строка разная то как вернуть тот цвет который был при наводе мышки?

вот как мышкой

      <tr height="40" style="font-weight:normal; vertical-align: center;" class="hilightoff" onmouseover="className='hilighton2'; this.style.cursor='hand';" onmouseout="className='hilightoff';">

вот разукрашивание:

 <script type='text/javascript'>
function myFunc(id_) {
  var tr = document.getElementById(id_).getElementsByTagName('tr');
  for (var i = 0, len = tr.length; i < len; i++) {
   if (i>0) {
       tr.className = (i%2) ? 'style1' : 'left_menu_black';
   }
  }
 //  for (var i = 0, len = tr.length; i < len; i++) tr.style.backgroundColor = (i % 3) ? '#E5E5E8' : '#66CCCC';
tr = '';
}
</script>

<style type="text/css">
.style1 {background-color: #E5E5E8;}
</style>
    

если не понтяно, пожалуйста зайдите сюда http://www.x0.org.ua/stat/stat_content и наведите мышкой на таблицу по центру, потом попробуйте убрать и увидите что цвет будет одинаковый на всех tr....

как это исправить?