Controlando um scroll de duas maneiras

Pesoal, tenho um scroll automático de imagens (plugin Smooth Div Scroll) e controle ele de duas maneiras:

1. Botão play/pause

$("#btn").toggle(

function(){
	$("#makeMeScrollable").smoothDivScroll("stopAutoScrolling")
	$(this).text('play');
},
function(){
	$("#makeMeScrollable").smoothDivScroll("startAutoScrolling")
	$(this).text('pause');
}
)

E através de duas setas que move o scroll para a direita e para a esquerda.

O problema é que, quando pauso o scroll e movo ele usando as setas, preciso clicar duas vezes no botão play/pause para ele pausar novamente o scroll. Ou seja, preciso que as duas ações estejam sincronizadas.

Fiz isso, mas não surtiu efeito na ação do movimento:

$("#makeMeScrollable").smoothDivScroll({

mouseOverLeftHotSpot: function(eventObj, data) {
	if($('#btn').text() == "play"){
 $('#btn').text('pause');
 $("#makeMeScrollable").smoothDivScroll("stopAutoScrolling")
	}
}
});