is het mogelijk een css animatie opnieuw laten afspelen met onClick()?

ik heb een animatie gemaakt met css die er voor zorgt dat een foto van een bal gaat rollen. nu wil ik er voor zorgen dat iedere keer dat je op de bal klikt de animatie opnieuw word afgespeeld. ik heb nu met javascript het voor elkaar dat de eerste keer dat je er op klikt de animatie word afgespeeld maar als je er daarna nog een keer op klikt stopt de animatie halverwege.

html:http://pastebay.net/1263085
css:http://pastebay.net/1263086
ik heb de code op dit moment nog niet compatible met alle browsers maar ik doe dit normaal als ik alles heb werken.
javascript:http://pastebay.net/1263087

Toegevoegd na 1 minuut:
ik was de spaties vergeten en dus werken bovenstaande links niet. hierbij werkende links:
http://pastebay.net/1263085
http://pastebay.net/1263086
http://pastebay.net/1263087

Weet jij het antwoord?

/2500

Stel zelf een vraag

Ben je op zoek naar het antwoord die ene vraag die je misschien al tijden achtervolgt?

/100