[Алек]

Доброго всем времени суток!
Работаю над следующим скриптом:
html:

<div id="for_mind">	
		<div id="mind"><img src="images/slider/001.jpg" /></div>
		<div id="mind1"><img src="images/slider/001.jpg" /></div>		
			<button id="button" class="button">Вперёд</button>		
	</div>

js:

var mind = ["images/slider/001.jpg","images/slider/002.jpg","images/slider/003.jpg","images/slider/004.jpg","images/slider/005.jpg"];
$('.button').click(function(){
$('#button').removeClass('button');
var countMind = mind.indexOf($('#mind1 img').attr('src'));
var countMind1 = mind.indexOf($('#mind img').attr('src'));

	if(mind.indexOf($('#mind img').attr('src')) == mind.length - 1){
		$('#mind img').attr('src',(mind[0]));
		$('#mind1').fadeOut(1500, function(){
			$('#mind1 img').attr('src',(mind[0]));});		
				$('#mind1').fadeIn();	
	}else{
		$('#mind img').attr('src',(mind[countMind1 + 1]));
		$('#mind1').fadeOut(1500, function(){
			$('#mind1 img').attr('src',(mind[countMind + 1]));});		
				$('#mind1').fadeIn();		
	}
$('#button').addClass('button');
	
});

Проблема в следующем: надо чтоб пользователь не смог кликнуть кнопке '.button' пока не пройдёт анимация.
Я пробовал на время анимации удалять класс $('#button').removeClass('button'), а потом его добавлять (строка 3 и строка 18);
но это не помогло, кликнуть на кнопку всё равно можно.
Может ещё какие есть варианты?
Всем заранее спасибо!