Animate - toggle counter confused by colorbox

Animate - toggle counter confused by colorbox

I have a simple animation loop running that rotates an element (using jquery.transform.js) and toggles its opacity.

This runs fine on page load, but gets all verklempt when the user opens one of several colorbox links on the page.
What happens then is that the opacity toggle seems to have its counter set wrong - instead of toggling the opacity from 0 to 1 and spinning the element, the animation spins the element and toggles opacity from 1 to 0. 

Is there any way to protect the counter or reset it to the correct value?

Any advice appreciated.