$(document).ready(function() {
      
      function scroll(curse) {
         var wrapper = 'imagyOuter';
         var outer = 'imagyDivSlike';
         
         var wrapperHeight = $('#'+wrapper).height();
         var innerHeight = $('#'+outer).height();
         var imagesPosition = $('#'+outer).css('top');
         var max = wrapperHeight;

		 if ( imagesPosition == 'auto' )
		 	imagesPosition = 0;
		 else
		 	imagesPosition = parseFloat(imagesPosition);

		 
         if ( curse == 'up' ) {
            move = imagesPosition + max;
            if ( move > 0 )
               move = 0;                        
            $('#'+outer).animate({top: move+"px"}, 'slow');

         }
         
         if ( curse == 'down' ) {			
            move = imagesPosition - max;
			
            maxNegative = -innerHeight + max;
            if ( move < maxNegative )               
               move = maxNegative;
            
            $('#'+outer).animate({top: move+"px"}, 'slow');
         }         

      };
      
      $('#scrollup').click(function(){
         scroll('up');
      });
      $('#scrolldown').click(function(){
         scroll('down');
      });                  
      
   });