方向感知三维立方体动画

我已经构建了一些3D立方体悬停动画，这些动画具有方向感知功能，使用以下方向函数：

var getDirection = function (ev, obj) {
var w = obj.offsetWidth,
    h = obj.offsetHeight,
    x = (ev.pageX - obj.offsetLeft - (w / 2) * (w > h ? (h / w) : 1)),
    y = (ev.pageY - obj.offsetTop - (h / 2) * (h > w ? (w / h) : 1)),
    d = Math.round( Math.atan2(y, x) / 1.57079633 + 5 ) % 4;
return d;};

参见fiddle：JSFidde

我遇到的问题是，无论"in"动画是否完成，"out"动画都会开始。

因此，我需要一种在mouseout上等待mousein动画首先完成的方法，我假设使用动画排队或其他方法。

有什么想法吗？

提前谢谢。