Tab Image control without multiview

See more:

ASP.NET

Hi,

I have a horizontal navigation menu with 11 tabs (all images) inside the page. Each tab has 2 possible images which is (example : tab1_active.jpg & tab1_inactive.jpg).

since i'm newer in asp.net, I could definitely use some help figuring out how to turn a tab image "active" (change the image) if a user clicks on it. And then if a user clicks on a different tab the currently "active" tab needs to be switched back to "inactive" and the new selection needs to be "active".

example of my code :

<table>
  <tr>
    <td>
      <asp:ImageButton ID="Tab1" ImageUrl="~/image/tab1_inactive.jpg" runat="server" />
      <asp:ImageButton ID="Tab2" ImageUrl="~/image/tab2_inactive.jpg" runat="server" />
      <asp:ImageButton ID="Tab3" ImageUrl="~/image/tab3_inactive.jpg" runat="server" />
    <td />
  <tr />
<table /></td></tr></table>

any help would be really appreciated.