Ajouter une classe et la retirer partout ailleurs

Bonjour,

je bloque sur un truc, je voudrais faire un petit slider, où quand je fais un hover sur un élément les photos du dessous s'affichent.

Aucun problème pour ajouter une classe ou un id, ni pour la retirer. Mais à ce moment le comportement est ciblé par Id via un onMouseOver,

<script type="text/javascript"><!--
	slide = {
		insi: function(elem) {
			document.getElementById(elem).className += " see";
		}
	}
--></script>

<a onMouseOver="slide.insi('div1')">
<img src="trsp.gif"/></a>

<div id="div1" class="cls">
<img src="Prod_01.jpg"/>
</div>

et du coup la classe s'ajoute bien chaque fois mais du coup mes éléments se superposent, il faudrait qu'à chaque fois que j'applique la classe, elle se retire partout ailleurs.

J'ai bien un script qui me permet de récupérer les class, mais ça ne fonctionne que sur des blocs avec une seule classe, et là je me retrouve avec deux classes...

Quelqu'un sait comment ou ajouter une classe en la retirant ailleurs, ou comment récupérer des Id ou class avec deux valeurs ?

Merci pour votre aide !
Modifié par JimmyWJimmy (16 Sep 2011 - 15:36)