Jquery Rollovers, issue with click state
<p>Excuse my noobiness when it comes to Jquery, but I have some jquery code that does rollovers for me:</p>

<pre><code>$("img.rollover").hover(function () {
    this.src = this.src.replace("_off","_on");
  }, 
  function () {
    this.src = this.src.replace("_on","_off");
});
</code></pre>

<p>Essentially just switching the images from image_on.jpg to image_off.jpg on hover on a bunch of images, now on click i would like to set the state of "image_on" permanently but the hover state seems to overwrite it and it doesn't stay "_on", i'm guessing it something to do with binding of events? I also don't seem to be able to do it so if a user clicks on one image it sets it to on, but if they click another image to return the previous image to the "_off" state and set the current one to the "_on" state.</p>

<p>Any help appreciated, ta.</p>
