I have three buttons, 1,2 & 3, and wont to change their state when clicked.

Got it so that when you say click 1 it changes, no problem at all.

<img src="../images/home_Featured_Button1_Normal.jpg" name="pic" onclick="window.document.pic.src='../images/home_Featured_Button1_Clicked.jpg';"/>
What I would like to happen though is then when button 2 is clicked, 1 and 3 return to their normal state, then when 1 is clicked 2 and 3 go back and so on.

Has anybody got any ideas.

Is it also possible because its jscript to have the icon change to a finger when the image is rolled-over.

Im guessing its an if statement inside the click function, but would like some help if thats ok.