Newbie needs help

I created a new website for documentation on the product we sell. It can be found at www.predatorgames.info. On the main page is this nice looking jquery photobox. When you click on the smaller pictures it will reload the main one. My problem is how do I make it so that when you click on the large image it will link to another site. Moreover, when they click on the small image it will load a new large image and I would want that to go to a different site if clicked. Dynamic.

I was hoping someone could look at the source and tell me where I need to make the change. Please be specific as this is new to me.

Thanks ahead of time for the help!

Do please read the posting guidelines regarding silly thread titles. The thread title is supposed to help people who have a similar problem in future. Yours is useless for this purpose. You can (and should) edit it to make it more meaningful.

BTW, the time to say "thanks" is afterwards, not beforehand which gives the - doubtless unintended - impression that you take other people's voluntary unpaid assistance and expertise for granted. Or as British politician Neil Kinnock put it, "Don't belch before you have had the meal." Prefer to use "please" beforehand and if you find a response helpful then you can use the "Thank User For This Post" button.

One way would be to wrap the div.main_image>img in an anchor. Then change the href in $(".image_thumb ul li").click() depending upon the clicked list item. Do it near this line in that function:
$(".main_image img").attr({ src: imgTitle , alt: imgAlt});