Tricky thing for me.. style switcher tweak

1

I have a site that employs a style switcher between one css file and another. I would like to add in something that allows some the images in the page to be determined by which css file is active. I was thinking perhaps a JavaScript check with some sort of if statements? I looked into it and found a JavaScript call that should be able to get the name of the style employed. But first, let me paste in here the code for the switcher:

<div id="styleswitcher">
<a href="#" onclick="setActiveStyleSheet('dark'); return false;" title="Black Theme">
<img id="style_dark" src="templates/delicious_v1_1/images/style_dark_a.gif" name="style_dark" border="0" alt="dark theme" /></a>
<a href="#" onclick="setActiveStyleSheet('light'); return false;" title="White Theme">
<img id="style_light" src="templates/delicious_v1_1/images/style_light_a.gif" name="style_light" border="0" alt="light theme" /></a>
</div>

Here is the JavaScript function that might be on the right track, the only thing I’m thinking is that the function “getActiveStyleSheet” looks like it will be a part of the solution. If I could have some sort of if loop where let’s say 5 images can be either image_01_dark.jpg or image_01_light.jpg depending on what style is currently loaded… that would be awesome.
Have the function run when the style switcher is used.

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")*); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

I’m ok at tweaking scripts that are close to what I’m looking for, but this is pretty out of my league. Any suggestions would be very much appreciated~!

-hroth