Как остановить выполнение функции?
 

Есть массив элементов $rElems, которые начинают после загрузки страницы последовательно показываться. Мне нужно остановить их, при наведении мыши на другие, связанные с ними, элементы.

$rElems.each(function(i){
  var element = this;
  timeoutId = setTimeout(function(){
      $(element).fadeIn(600).delay(2000).fadeOut(250);
  }, 3000*i);
});

$('.pps').hover(function(){
	clearTimeout(timeoutId);
	var dialog_img = $(this).next('img');
	dialog_img.fadeIn(600); 
},function(){
	var dialog_img = $(this).next('img');
	dialog_img.stop(true).fadeOut(250);
});

Почему не срабатывает clearTimeout(timeoutId); ?:-?

Спасибо большое!))
Не знала про clearQueue();