RadioButtonList og background-image ændringer

Hej,

I forbindelse med mit arbejde er jeg ved at lave en RadioButtonList, som indeholder en række ListItems.

Alt er inde i en repeater, så der kan komme et variablet antal RadioButtonList(s) og det samme med ListItems.

Alt virker sådan set fint nok, men jeg kan ikke få den til at ændre baggrundsbillede "onClick" - Eller jo, men den ændre ikke de andre tilbage i den givne RadioButtonList.

Når det bliver genereret, laves listen som et table med et antal rows og celler.
Inde i disse celler udfyldes følgende:

<span class="cruiseDate">
<input type="radio" value="0-2" name="ctl02$cruiseResult$Repeater1$ctl00$CruiseDetail$RadioButtonListCruiseDates" id="ctl02_cruiseResult_Repeater1_ctl00_CruiseDetail_RadioButtonListCruiseDates_2">
<label for="ctl02_cruiseResult_Repeater1_ctl00_CruiseDetail_RadioButtonListCruiseDates_2">
<div class="cruiseDateWrapper">08<br>apr</div>
</label>
</span>

Og dem er der så en række af, alt efter hvilken dato der står inde i.

Jeg har følgende CSS lagt på:
.cruiseDateWrapper
{
    background-image:url('../availDate.png');
    background-repeat: no-repeat;
    text-align: center;
    height: 34px;
    width: 38px;
    padding-top: 3px;
}

Hvis den er valgt, skal CSS klassen så ændre sig til "cruiseDateWrapperSelected", som har et andet background-image.

Altså, det er nemt nok for mig at sætte en "onClick" på div'en med onClick="this.className=cruiseDateWrapperSelected" - Og det virker også, men som sagt så forbliver den så valgt når man klikker på noget andet.

Nogle inputs? Husk jeg har flere lister og items. Det skal gerne virke på alle, uden at det skifter sig på de andre lister.