자바스크립트에서 function 실행 이벤트를 여러가지 하는 방법? 채택완료

self.box_skitter.find('.next_button, .prev_button').bind('mouseover', self.settings.mouseOverButton);
        self.box_skitter.find('.next_button, .prev_button').bind('mouseleave', self.settings.mouseOutButton);
        
        this.box_skitter.find('.image_number').click(function() {
          if ($(this).attr('class') != 'image_number image_number_select') {
            if ( self.settings.animateNumberOver ) {
              $(this).stop().animate(self.settings.animateNumberOver, 300);
            }
            // $(this).stop().animate(self.settings.animateNumberOver, 300);
          }
        }, function(){
          if ($(this).attr('class') != 'image_number image_number_select') {
            if ( self.settings.animateNumberOut ) {
              $(this).stop().animate(self.settings.animateNumberOut, 500);
            }
            // $(this).stop().animate(self.settings.animateNumberOut, 500);
          }
        });
        
        this.box_skitter.find('.image_number').click(function(){
          if ($(this).attr('class') != 'image_number image_number_select') {
            var imageNumber = parseInt($(this).attr('rel'));
            self.jumpToImage(imageNumber);
          }
          return false;
        });