CrossSlide Slideshow on the Product Page -- Please help!

[ivan20012]

Hi -- I'm hoping that someone can help me with the changes I would have to make to insert a fade-in/fade-out slideshow on the product page (not the home page at this point; at this point, just the product page). Right now, I have one image of the product, and I would like there to be several different images of that product that that fade in and fade out on the product page. I'm not talking about the thickbox that appears when you click on the image itself. Instead, when you open to the product page and see the large image of the product, I would like that image to be several images that fade in and out. I was able to achieve this on my non-prestashop homepage by using jquery. The js download and example of what it looks like is available here (http://tobia.github.com/CrossSlide/)

Before starting with Prestashop, I had the jquery.cross-slide.min.js file located in the same folder as my images, and my html page had the following script mark-up at the top:

[removed][removed][removed][removed][removed]
$(function() {
$('#slideshow').crossSlide({
sleep: 2,
fade: 1
}, [
{ src: 'productimage.jpg' },
{ src: 'damaris5.jpg' },
{ src: 'thais5.JPG' },
{ src: 'danielle.jpg' },
{ src: 'thais1.jpg' },
{ src: 'thais6.JPG' },
{ src: 'thais7.JPG' },
{ src: 'thais2.JPG' },
{ src: 'danielle1.jpg' },
])
});[removed]

I don't know in which prestashop folder I would place the jquery.cross-slide.min.js file. I also don't know which file (and where in that file), I would add the code above (product.tpl? product.php?) Any help would be very much appreciated.