How to disable javascript events temporarily
<p>I'm creating an accessible website for disabled students using access technologies to answer a survey. As such it needs a lot of visual feedback. </p>

<p>I use javascript to change css styles of an imagelink (that's used to select a radio button.) When the image link has focus it changes styles - however once the image is clicked (therefore clicking the radio button) I'd like it to change to a 3rd style and stay like that until another button is clicked. Currently the mouseout and onblur events stay active and revert back to the unfocused style. </p>

<p>All code is on this fiddle: <a href="http://jsfiddle.net/KK4xe/2/" rel="nofollow">http://jsfiddle.net/KK4xe/2/</a></p>

<p>I've tried: if statements for when the radio is selected and rewriting div contents onclick so that the 

<p>Many thanks, Mike</p>

<p>(note. the radio button will be hidden with CSS once sorted so that it doesn't interfere with screen readers etc.)</p>
