HO utlizzato questo plugin per creare una pagina portfolio clienti

http://demo.tutorialzine.com/2010/03...y-css/demo.php


Il problema è questo:

Clicco sull'immagine e si ruota. Perfetto...

Vorrei che se ho un'immagine ruotata e clicco su un'altra, la seconda si ruoti ma la prima precedentemente ruotata torni allo stato originale

html
<div class="sponsorListHolder">



<div class="sponsor" title="Click to flip">
<div class="sponsorFlip">
[img]img/sponsors/adobe.png[/img]
</div>

<div class="sponsorData">
<div class="sponsorDescription">
Adobe
</div>
<div class="sponsorURL">

</div>
</div>
</div>
</div>



javascript

$(document).ready(function(){
/* The following code is executed once the DOM is loaded */

$('.sponsorFlip').bind("click",function(){

// $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):

var elem = $(this);

// data('flipped') is a flag we set when we flip the element:


if(elem.data('flipped'))
{
// If the element has already been flipped, use the revertFlip method
// defined by the plug-in to revert to the default state automatically:

elem.revertFlip();

// Unsetting the flag:
elem.data('flipped',false)
}
else
{
// Using the flip method defined by the plugin:

elem.flip({
direction:'tb',
speed: 350,
onBefore: function(){
// Insert the contents of the .sponsorData div (hidden from view with display:none)
// into the clicked .sponsorFlip div before the flipping animation starts:

elem.html(elem.siblings('.sponsorData').html());
}
});

// Setting the flag:
elem.data('flipped',true);
}
});

});