Как остановить прокрутку?

Код (Text):

1. $(function(){
2. $('#imgUp').click(function(){
3. $('#imgDown').css('display','block');
4.  
5. var cssTop = $('#blockFoto').css('top');
6. var cssTop =parseInt(cssTop);
7. cssTop = cssTop-125;
8. $('#blockFoto').animate({'top':cssTop+"px"},300);
9.  
10. });
11.  
12. $('#imgDown').click(function(){
13. $('#imgUp').css('display','block');
14.  
15. var cssTop = $('#blockFoto').css('top');
16. var cssTop =parseInt(cssTop);
17. cssTop = cssTop+125;
18. $('#blockFoto').animate({'top':cssTop+"px"},300);
19.  
20. });
21. });

Код (Text):

1. <div id="imgUp" style="margin-left:20%;height:35px;">
2. <img src='../lib/pimg/up.jpg'
3. onmouseout="this.width='88'; this.height='34';this.style.marginLeft='0px';"
4. onmouseover="this.width='98'; this.height='38';this.style.marginLeft='-5px';" >
5. </div>
6.                        
7. <div style="height:876px;width:160px;margin-left:4px; overflow:hidden;">
8. <div style="position:relative;top:0;" id="blockFoto">
9. <div>
10. <?
11. $dh = scandir("".$_SERVER['DOCUMENT_ROOT']."/lib/img/");
12. foreach ($dh as $file)
13. {
14. if ($file!='.' AND $file!='..'){
15. echo "
16. <div style=\"margin-left:6px;
17. border-radius: 5px 5px 5px 5px;
18. margin-top:10px;width:105px;height:105px;border:5px solid #c0c0c0;\" >
19. <img  src='/lib/img/$file'
20. width=\"105\" height=\"105\" border='0' >
21. </div>";
22. }
23. }
24. ?>
25. </div>
26. </div>
27. </div>
28.                        
29. <div id="imgDown" style="margin-top:10px;margin-left:20%;border:0px solid #fff;">
30. <img src="../lib/pimg/down.jpg"
31. onmouseout="this.width='88'; this.height='34';this.style.marginLeft='0px';"
32. onmouseover="this.width='98'; this.height='38';this.style.marginLeft='-5px';"/>
33. </div>

Полоса прокрутки при нажатии на down.jpg или up.jpg крутит до бесконечности, как сделать ограничение, чтобы когда фотки кончились данная конструкция останавливалась?