I am not sure if it is posted in right place. I have been through the posts regarding additional images. I successfully make additional images work but...

I got additional images added to folders with filenames as instructed by older posts. I have a few problems with additional images.

1) The template shows
Code:
" target="_blank">
where the main product image should be (in other words, it is missing).
On source view, it shows incorrectly like this:
Code:
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<a href="<img src="images/apparel/babydoll.jpg" alt="test" title=" test " width="90" height="120" name="imageSwap" />" target="_blank">');
//--></script>
<noscript>
<a href="domain/index.php?main_page=popup_image&amp;pID=6" target="_blank"><img src="images/apparel/babydoll.jpg" alt="test" title=" test " width="90" height="120" /><br /><span class="imgLink">larger image</span></a></noscript>
</div>
I switched to classic and tested whether the image appeared. It worked fine, but not my custom template. Can anyone please help with this? I have tried to replace the swap image files a few times.

2) the front image has small box with "x" but when I try to do a mouseover on image, there isn't any rollover effect. Also on the individual product page, I try to do mouseover on the additional images and the pop images show up - that's not what I wanted. I wonder if it is possible to do a mouseover on additional images to make the individual product image swap with the additional images instead of having additional images pop up upon mouseover.

Thank you for your time and help.