Tab Navigation

[wxdqz]

I've constructed tabs using image corners and plain text.

My code looks something like this:

<tr>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"left_on.gif"></td>
<td bgcolor="red">Tab 1</td>
<td><img src="right_on.gif"></td>
</tr>

<tr>
<td><img src="left_off.gif"></td>
<td bgcolor="blue">Tab 2</td>
<td><img src="right_off.gif"></td>
</tr>

<tr>
<td><img src="left_off.gif"></td>
<td bgcolor="blue">Tab 3</td>
<td><img src="right_off.gif"></td>
</tr>

When I click tab 2, I want to change

1. left_off.gif to left_on.gif for tab 2
2. right_off.gif to right_on.gif for tab 2
3. bgcolor for tab 2 to red.
4. bgcolor for tab 1 to blue
5. left_on.gif to left_off for tab 1
6. right_on.gif to right_off for tab 1

How can I do this?

Thanks in advance,