Stlye switcher, noting doing.

In my head element I have:

[code]
<link rel=”stylesheet” type=”text/css” href=”cba.css” id=”mainstlye” />
<script type=”text/javascript”>
function SymError() {return true;}
window.onerror = SymError;
function style(name)
{document.getElementById(‘mainstyle’).href = name+”.css”;}
</script>[/code]

and in my body element I have:

[code]<script type=”text/javascript”>
document.write(“<img src=’graphics/style_cba.gif’ onclick=’style(cba);’/><img src=’graphics/style_cool.gif’ onclick=’style(cool);’/>”);
</script>[/code]

Both the images appear fine, but when I click on them nothing happens, according to Firefox’s js console there are no errors.
Clearly I am missing something incredibly obvious, any idea what?

[url=http://cherryblossomart.ntwebsite.net]The site in question[/url]

Also in #JavaScript _↴