I'm making a "universe" for a client, and they would like to have 8 images rotate when you click on each of them and when they reach 180 degrees should be changed into a new image and back at 0 degrees again switch to the first picture, I've got it to work in chrome, mozilla even IE9 but in iE7 & 8 I run into problems.

http://jsfiddle.net/L4sWQ/51/

Is there anyone who can help me with a solution?

I use the plugin: jQueryRotate - http://code.google.com/p/jqueryrotate/wiki/Examples