onclick problem in IE, working in FF/other

[miamizorz]

Hello! I am trying to make an image gallery navigation work in IE (works in FF2+, safari, not working in opera 9, probably other browsers) but my severely limited Javascript knowledge is really holding me back!

I am using JonDesign's SmoothGallery (camelback heaven, there), but the problem almost certainly lies in my rouge implementation of onclicks. The website in question is http://honorrollmusic.com, but here is the code that is occasionally functioning (ignore the class and mouseovers):

<img src="images/arrowL.gif" class="studioarrowL" onmouseover="this.src='images/arrowLover.gif';" onmouseout="this.src='images/arrowL.gif';" onclick="myGallery.prevItem();"/>

I've also tried, to no avail:

<a onclick="myGallery.prevItem();"><img src="images/arrowL.gif" class="studioarrowL" onmouseover="this.src='images/arrowLover.gif';" onmouseout="this.src='images/arrowL.gif';" /></a>

There is also a thumbnail gallery that calls individual images, as follows, though I'm sure the problem is the same as the problem with the above code:

<img class="thumbnails" src="HRimages/StudioA-surroundthumb.jpg" onclick="myGallery.goTo(0);" />

Lastly, here is the script:

<script type="text/javascript">
			function startGallery() {
				myGallery = new gallery($('myGallery'), {
					timed: false,
					showCarousel: false,
					showInfopane: false,
					showArrows:false,
					slideInfoZoneSlide: false,
					delay: 3500
				});
			}
			window.addEvent('domready',startGallery);
</script>

In any case, this seems to work in about half the browsers I've tried, which makes me think that maybe my code is pretty close but I'm off a bit with my syntax or something. The linked javascript file is at http://honorrollmusic.com/scripts/gallery.js and the original gallery is at http://smoothgallery.jondesign.net/, but I'm hoping the answer is glaringly obvious.

Thanks in advance!
P.