/**
 * rollover permet de gerer les images rollover
 *
 * le html doit être le suivant :
 *
 * <X class="js_rollover">
 *	<var>[OVER]</var>
 *	<img src="[OUT]"/>
 * </X>
 *
 * Auteur : Pierre Tachoire
 * Date : 13/01/2009
 */

var Rollover = Class.create({

	/**
	 * constructeur
	 */
	initialize: function() {
		//je recupere 
		var rollovers = $$('.js_rollover');

		for( var i=0; i<rollovers.length; i++ ) {
			this.initRollover( rollovers[i] );
		}
	},

	initRollover: function( rollover ) {

		//je recupere l'image � g�rer
		var image = rollover.select('img').first();

		//je vais recuperer les parametres
		var over = rollover.select('var').first();

		if( image && over ) {

			var src_out = image.getAttribute( 'src' );
			var src_over = over.firstChild.data;

			rollover.src_out = src_out;
			rollover.src_over = src_over;
			rollover.image = image;

			//je prepare les observateurs
			rollover.observe('mouseover', function(event) {
				this.image.setAttribute( 'src', this.src_over );
			});
	
			//je prepare les observateurs
			rollover.observe('mouseout', function(event) {
				this.image.setAttribute( 'src', this.src_out );
			});

		}

	}

});