Including javascript in prestashop

[vins1234]

How do I include custom javascript code in prestashop. I want to include the following code in product-list.tpl so that it renders the javascript on the category pages.

[removed]

   $(document).ready(function(){
       var slider = $('#slider1').bxSlider();

       $('.thumbs a').click(function(){
           var thumbIndex = $('.thumbs a').index(this);
           slider.goToSlide(thumbIndex);
           $('.thumbs a').removeClass('pager-active');
           $(this).addClass('pager-active');
           return false;
       });

       $('.thumbs a:first').addClass('pager-active');

   });

[removed]

Thank you.

[jeevanoss]

[removed]
{literal}
js code
{/literal}
[removed]

[vins1234]

Where should I include this code . In header.tpl or in product-list.tpl? And what do the [removed] [removed] tags mean? I am a newbie to prestashop.
Thanks for the help.

[jeevanoss]

You can include in one of the tpl
removed is
[removed]
[removed]

[jeevanoss]

[removed]
[removed]

[vins1234]

Do you by any chance know how to include a custom slider/carousel on the products page listing all product images in a category as thumbnails and the main slider contains the enlarged image of the clicked product thumbnail.

I have attached a screenshot of what I want to achieve.

Thanks for your help.

[jeevanoss]

[removed] [removed] is script tag for javascript