Slideshow hyperlinks

Hello

If any one can help me with this Ill be very grateful. Basically i have adapted a slideshow for my page but I want to be able to hyperlink the images in the slideshow so that when u click on them a bigger popup image appears.Ive been trying to get it to work using a new array for the links but to no avail.

www.amalgam-models.co.uk/james/test4.htm

Thankyou

 

><LINK href="stylesheet.css" type=text/css rel=stylesheet>
<SCRIPT language=javascript><!--
  var height = screen.height;
  var width = screen.width;
  var leftpos = width / 2 - 50;
  var toppos = height / 2 - 50;
function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
//--></SCRIPT>

Code (markup):

call
<A class=ProductInfoImage href="javascriptopupWindow('http://yourdomain.com/popup_image.php?pID=21')"><IMG title=" SWAT 3: Close Quarters Battle " height=80 alt="SWAT 3: Close Quarters Battle" hspace=5 src="images/sierra/swat_3.gif" width=100 vspace=5 border=0><BR>Click to enlarge<IMG height=16 alt="" src="includes/languages/english/images/buttons/click_to_enlarge.gif" width=15 border=0></A>

 

there are some good images scripts on a website called dynamicdrive.com have a look