/**********

thumb -> class = 'thumbdiapo' id="thumbA"
imgS class = 'thumbdiapoalt thumbdiapoaltthumbA'

*****************/


/* <![CDATA[ */

var thumbDiapo = new Class({
	
	Implements: [Events, Options],

	options: {
		restart: false,
		delay: 1400
	},
	
	initialize: function(thumb, altsClassName, options){
		this.setOptions(options);
		this.pos = 0;
		this.thumb = $(thumb);
		this.id = this.thumb.get('id');
		this.altsClassName = altsClassName;
		this.srcs = [];
		if ( this.thumb.nodeName.toLowerCase() == 'img' )
			this.srcs.push(this.thumb.src);
		else
			this.srcs.push(this.thumb.style.backgroundImage.substring(5,this.thumb.style.backgroundImage.length-2));
		
		var alts = $$('.'+this.altsClassName+this.id);
		if ( alts.length == 0 ) return;
		for(var i=0,j=alts.length;i<j;i++){
			var img = alts[i];
			this.srcs.push(img.src);
		}
		
		this.bound = {
			'mover': this.mover.bind(this),
			'mout': this.mout.bind(this)
		};
		
		this.thumb.addEvent('mouseover', this.bound.mover);
		this.thumb.addEvent('mouseout', this.bound.mout);
	},
	
	mover: function(event){
		this.timer = this.changeImage.delay(this.options.delay, this);
	},
	
	mout: function(event){
		this.timer = $clear(this.timer);
	},
	
	changeImage: function(){
		this.pos++;
		if ( this.pos == this.srcs.length )
			this.pos = 0;
		if ( this.thumb.nodeName.toLowerCase() == 'img' )
			this.thumb.src = this.srcs[this.pos];
		else
			this.thumb.style.backgroundImage = 'url("'+this.srcs[this.pos]+'")';
		this.timer = this.changeImage.delay(this.options.delay, this);
	}
});

/* ]]> */