Kan ikke få show/hide script til at fungere korrekt

En lille menu med 3 tabs,
og når man klikker den ene skal de 2 andre gå væk..

lød jo simpelt nok..  Men..

HTML kode..

Knapperne :

<table border="1" width="100%" bgcolor="transparent"><tr>
<td bgcolor="transparent" width="33%" align="center" valign="top"><a onclick ="java script:Show('taba');Hide('tabb');Hide('tabc');" href="java script:;" >Tab 1</a>
</td>

<td bgcolor="transparent" width="33%" align="center" valign="top"><a onclick ="java script:Hide('taba');Show('tabb');Hide('tabc');" href="java script:;" Tab 2</a>
</td>

<td bgcolor="transparent" width="33%" align="center" valign="top"><a onclick ="java script:Hide('taba');Hide('tabb');Show('tabc');" href="java script:;" >Tab 3</a>
</td></tr>
</table>

data'en som vises

<div class="cms_widget_content">

<div class="mid" id="taba" style="DISPLAY: block;">data 1</div>
<div class="mid" id="tabb" style="DISPLAY: block;">data 2</div>
<div class="mid" id="tabc" style="DISPLAY: block;">data 3</div>


scriptet

<!-- function Show(divId)
{
if(document.getElementById(divId).style.display == 'none';)
{
  document.getElementById(divId).style.display = 'block';
}
}//-->
<!-- function Hide(divId)
{
if(document.getElementById(divId).style.display == 'block';)
{
  document.getElementById(divId).style.display = 'none';
}
}//-->



------------------
Det der er underligt er tabA fungere fint,
men når jeg starter med at "Hide(  så funger skidte ikke.
faktisk gemmer den slet ik de andre.

Så mistænker linket for at værer drilagtigt..
men er da sikker på jeg kan kalde flere functioner vha ; imellem hver..