/**
 * Objet pour gérer des sélecteurs d'images dans un formulaire
 * Le code HTML doit être de la forme suivante :
 * <div class="images">
 *	<ul>
 *		<li>
 *			<img src='"image1" alt="valeur1"/>
 *			<input type="radio" name="" value=""/>
 *		</li>
 *		...
 *	</ul>
 * </div>
 */
var ImageSelect = {
	init : function (){
		var listes = getElementsByClassName(document,"div","images");
		for (var i=0;i<listes.length;i++){
			var elements = listes[i].getElementsByTagName("LI");
			for (var j=0;j<elements.length;j++){
				elements.item(j).onmouseover = function(){
					addClassName(this,"hover");
				}
				elements.item(j).onmouseout = function(){
					removeClassName(this,"hover");
				}
				elements.item(j).onclick = function(){
					ImageSelect.select(this);
				}
			}
		}
	},
	select : function(li){
		var champ = li.getElementsByTagName("INPUT")[0];
		var elements = li.parentNode.getElementsByTagName("LI");
		var image = li.getElementsByTagName("IMG")[0];
		for (var i=0;i<elements.length;i++){
			removeClassName(elements.item(i),"selected");
		}
		addClassName(li,"selected");
		champ.checked = true;
	}
}