hello dear members

i had read the cook book
and found this code for make the image gallery for articles which hast more than one photo attached

1. {{list_article_images columns="4"}}
2. {{if $gimme->current_list->count > 1}}
3. {{if $gimme->current_list->at_beginning}}
4. <div class="image-gallery-title">Article Images</div>
5. <div class="image-gallery-container">
6. {{/if}}
7. {{if $gimme->image->article_index > 2}}
8. <a href="{{uri options="image"}}" rel="gallery" class="gallery_thumbnail"
title="{{$gimme->image->description|escape}}">
9. <img src="{{uri options="image"}}&ImageRatio=20" alt="{{$gimme->image-
>description|escape}}" width="100" height="100" />
10. </a>
11. {{/if}}
12. {{if $gimme->current_list->at_end}}
13. </div>
14. {{/if}}
15. {{/if}}
16. {{/list_article_images}}
17.
18. <script type="text/javascript">
19. $(document).ready(function(){
20.
21. $("a.gallery_thumbnail").fancybox({
22. type: 'image',
23. titlePosition: 'inside',
24. transitionIn: 'none',
25. transitionOut: 'none',
26. centerOnScroll: 'true'
27. });
28. $("a.gallery_thumbnail").live("mouseenter",function(){$(this).animate({opacity:1},200);});
29. $("a.gallery_thumbnail").live("mouseleave",function(){$(this).animate({opacity:0.8},200);});
30.
31. });
32. </script>


my question is it, where should i add it?
in article.tpl? and where is better too add this code?
and give me any advices


regardsssss
Ali