[CSS][PHP]Podświetlany button po kliknięciu Opcje

[art-e]

Witam

Mam na stonce taki kod:

[PHP] pobierz, plaintext 
 
<a href="java script:void(0);" onclick="pokazdiv('1');"><img style="width: 132px; height: 67px; border: none; margin-left:4px"  src="http:xxxxxx/w1.png"/></a>
 
<a href="java script:void(0);" onclick="pokazdiv('2');"><img style="width: 132px; height: 67px; border: none; margin-left:4px"  src="http:xxxxxx/w2.png"/></a>
 
<a href="java script:void(0);" onclick="pokazdiv('3');"><img style="width: 132px; height: 67px; border: none; margin-left:4px"  src="http:xxxxxx/w3.png"/></a>
[PHP] pobierz, plaintext 

Przyciski w1, w2, w3 włączają Div1, Div2, Div3 gdzie pod iframe są pewne zewnętrzne moduły.

Chciałbym aby po najechaniu myszką nad przycisk w1, w2 lub w3 był on podświetlony i taki pozostał po kliknięciu.

Stworzyłem dodatkowe przyciski wp1, wp2 wp3 (podświetlone).

I teraz:
1. Używając java;

onmouseover, onmouseout, onmousedown, onmouseup - daje ten efekt, ale po kliknięciu przycisk pozostaje nie podświetlony.

2. Uzywając CSS

kod zostawiam tak

[PHP] pobierz, plaintext 
<a class="r" href="java script:void(0);" onclick="pokazdiv('1');"></a>
[PHP] pobierz, plaintext 

a w css

a.r
background:url('w1.png');
width:132px;
height:67px;

a.r:hover
background:url('wp1.png');
width:132px;
height:67px;

a.r:active
background:url('wp1.png');
width:132px;
height:67px;

wówczas wogóle nie pojawia mi się przycisk w1 na stronie (IMG:style_emoticons/default/facepalmxd.gif)