Делаешь функцию обработки с параметром:
function DoOverMenu(menu)
{
switch(menu.id)
{
case 'tab1':
menu.style.backgroundImage='url(./img/tab1_hv.jpg)';
window.status='Главная';
break;
case 'tab2':
menu.style.backgroundImage='url(./img/tab2_hv.jpg)';
window.status='О программе';
break;
case 'tab3':
menu.style.backgroundImage='url(./img/tab3_hv.jpg)';
window.status='Заказ криптографического модуля';
break;
case 'tab4':
menu.style.backgroundImage='url(./img/tab4_hv.jpg)';
window.status='О защитах';
break;
case 'tab5':
menu.style.backgroundImage='url(./img/tab5_hv.jpg)';
window.status='Гостевая книга';
break;
case 'tab6':
menu.style.backgroundImage='url(./img/tab6_hv.jpg)';
window.status='';
break;
}
}
Сами элементы оформляются так:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="47" height="34"> </td>
<td class="menu" id="tab1" width="91" onmouseover="DoOverMenu(tab1)" onmouseout="DoOutMenu(tab1)" onclick="ClickMenu(tab1)" background="img/tab1.jpg" align="center">Главная</td>
<td class="menu" id="tab2" width="84" onmouseover="DoOverMenu(tab2)" onmouseout="DoOutMenu(tab2)" onclick="ClickMenu(tab2)" background="img/tab2.jpg" align="center">О программе</td>
<td class="menu" id="tab3" width="83" onmouseover="DoOverMenu(tab3)" onmouseout="DoOutMenu(tab3)" onclick="ClickMenu(tab3)" background="img/tab3.jpg" align="center">Заказ КМ </td>
<td class="menu" id="tab4" width="83" onmouseover="DoOverMenu(tab4)" onmouseout="DoOutMenu(tab4)" onclick="ClickMenu(tab4)" background="img/tab4.jpg" align="center">О защитах </td>
<td class="menu" id="tab5" width="83" onmouseover="DoOverMenu(tab5)" onmouseout="DoOutMenu(tab5)" onclick="ClickMenu(tab5)" background="img/tab5.jpg" align="center">Гостевая</td></tr></table>