// AnySlide 0.1a
// © Alexandre koch - 2011
// tous droits réservés

	// classe
	var anySlide = new Class({
	
		//implements
		Implements: [Options],
		
		//options
		options: {
			 childs: '.travelers' 
			,trans: Fx.Transitions.Quint.easeOut 
			,duree: 1000 
			,voyagerSize: 200 
			,nbVoyCabine: 3 
			,leftCtrlText: 'LEFT' 
			,rightCtrlText: 'RIGHT' 
			,autoPlay: false 
			,autoWait: 2 
			,method: 'cycle' 
		},
		
		//initialization
		initialize: function(station, options) {
			//définis les options
			this.setOptions(options);
			
			// affectations
			this.station = $(station);
			this.container = this.station.getParent('div');
			this.childs = this.station.getChildren(this.options.childs); 
			this.voyagerSize = this.options.voyagerSize;
			this.nbVoyCabine = this.options.nbVoyCabine;
			this.lTxt = this.options.leftCtrlText;
			this.rTxt = this.options.rightCtrlText;
			this.autoPlay = this.options.autoPlay;
			this.autoWait = this.options.autoWait;
			this.position = 0;
			
			this.construct();
			
			$(station).dispose();
		},
		
		
		// CONSTRUCTION DU SLIDE
		construct: function() {
			// voirie
			this.cb = new Element('div', { styles:{ 'clear': 'both' } });
			this.container.setStyles({ 'position': 'relative', 'width': (this.nbVoyCabine * this.voyagerSize) });
			var elements = 0;
			this.childs.each(function(child, index) {
				elements++;
				child.set('rev', index);
			});
			
			
			//if(elements < this.nbVoyCabine) { return; } // si y'a pas suffisament de voyageurs le train part pas
			
			// gare (station)
			this.station = new Element('div', {
				'class': 'anyStation', 
				'styles': {
					'width': this.container.getSize().x, 
					'height': this.container.getSize().y, 
					'position': 'relative', 
					'overflow': 'hidden',
					'margin': '0px auto' 
				}
			}).inject(this.container, 'top');
			
			// train
			this.train = new Element('div', {
				'class': 'anyTrain', 
				'styles': {
					'width': (elements * this.voyagerSize), 
					'height': this.container.getSize().y, 
					'position':'absolute', 
					'top':0, 
					'left':0
				}
			}).inject(this.station, 'top');
			
			// voyageurs
			this.childs.inject(this.train);
			this.oldClass = this.childs[0].get('class');
			this.childs.setStyles({
				'width': this.voyagerSize, 
				'height': this.container.getSize().y,
				'margin': '0px ' + this.realMargin + 'px'
			}).removeClass(this.oldClass).addClass('anyTravelers');
			
			this.cb.clone().inject(this.train, 'bottom');

			
			// controles
			this.controls(elements, this);
			
			
			// utilisation de la roulette de la souris
			this.container.addEvent('mousewheel', function(event){
				event.stop();
				if (event.wheel > 0) this.leftControl.fireEvent('click');		/* Mousewheel UP */
				else if (event.wheel < 0) this.rightControl.fireEvent('click');	/* Mousewheel DOWN*/
			}.bind(this));
			
			// auto play
			if(this.autoPlay) this.setAutoPlay(elements, this);
		},


		animateLeft: function(elements) {
			var left = this.train.getPosition(this.station);
//left.x = (Browser.ie)? Math.round(left.x*0.1)*10 : left.x;
			left.x = Math.round(left.x*0.1)*10;
			
			var goLeft = left.x - this.station.getSize().x;
			var trainLength = elements * this.voyagerSize;
			var wagon = this.voyagerSize * this.nbVoyCabine;
			
			// déplacement
			if( Math.abs(goLeft)<trainLength && Math.abs(left.x)%wagon==0) {
				this.position++;
				this.goThere.start({'left': goLeft});
			}
			
			// retour au début
			if( Math.abs(goLeft)>=trainLength) {
				if (this.options.method != 'rewind') {
					this.firstWagon = this.childs[0].clone().inject(this.container, 'top').setStyles({'position':'absolute', 'top':0, 'left':0 });
					this.position=0;
					this.goThere.start({'left': goLeft}).chain(
						function() {
							this.position = 0;
							this.train.setStyles({'left': 0});
							this.firstWagon.dispose();
						}.bind(this)
					);
				}
				else this.goThere.start({'left': 0/*, 'opacity':1*/});			// rewind
			}
		},
		
		
		animateRight: function(elements) {
			var left = this.train.getPosition(this.station);
//left.x = (Browser.ie)? Math.round(left.x*0.1)*10 : left.x;
			left.x = Math.round(left.x*0.1)*10;

			var goRight = left.x + this.station.getSize().x;
//goRight = (Browser.ie)? Math.round(goRight*0.1)*10 : goRight;
			goRight = Math.round(goRight*0.1)*10;
			
			var trainLength = elements * this.voyagerSize;
			var wagon = this.voyagerSize * this.nbVoyCabine;
			
			// déplacement
			if( goRight<=0 && Math.abs(left.x)%wagon==0 ) {
				this.position--;
				this.goThere.start({'left': goRight});
			}
			
			// fin du diapo
			if( goRight>0 ) {
				if (this.options.method != 'rewind') {
					this.lastWagon = this.childs[elements-1].clone().inject(this.container, 'top').setStyles({'position':'absolute', 'top':0, 'left':0 });
					this.position = elements-1;
					this.goThere.start({'left': goRight}).chain(
						function() {
							this.position = elements-1;
							this.train.setStyles({'left': -(trainLength-wagon)});
							this.lastWagon.dispose();
						}.bind(this)
					);
				}
				else {
					var trainLength = elements * this.voyagerSize;
					var nbW = Math.ceil(elements/this.nbVoyCabine);
					var lastPos = (nbW-1) * this.nbVoyCabine * this.voyagerSize;
					this.goThere.start({'left': -lastPos});
					this.position = elements-1;
				}
			}
		}, 
		
		
		controls: function(elements) {
			// animer
			this.goThere = new Fx.Morph(this.train, { 
				link: 'cancel', 
				'duration': this.options.duree, 
				'transition': this.options.trans, 
				onStart: function(s) {
				}.bind(this),
				onComplete: function(c) {
				}.bind(this)
			});
			
			// dsp controls
			this.rightControl = new Element('div', {
				'class':'anyRightControl', 
				'html': this.rTxt, 
				'styles': {
					'position': 'absolute', 
					'z-index': '99'
				}
			}).inject(this.container, 'top').addEvent('click', function(e) {
				this.animateLeft(elements, this);
			}.bind(this));
			
			this.leftControl  = new Element('div', {
				'class':'anyLeftControl', 
				'html': this.lTxt, 
				'styles': {
					'position': 'absolute', 
					'z-index': '99'
				}
			}).inject(this.container, 'top').addEvent('click', function(e) {
				this.animateRight(elements, this);
			}.bind(this));
		}, 
		
		
		setAutoPlay: function(elements) {
			this.autoPlaySatus = true;
			
			this.autoSlide = function() {
				this.animateLeft(elements, this);
			}.bind(this);
			
			this.timer = this.autoSlide.periodical((this.autoWait*1000)+this.options.duree);
			
			this.container.addEvents({
				'mouseenter': function() {
					clearInterval(this.timer);
					this.autoPlaySatus = false;
				}.bind(this),
				'mouseleave': function() {
					this.timer = this.autoSlide.periodical((this.autoWait*1000)+this.options.duree);
					this.autoPlaySatus = true;
				}.bind(this)
			});
		}
	});