/* QScroller Copyright 2008 Massimo Giagnoni. All rights reserved.

Vesrion 1.0.1 (Mootools 1.11)
QScroller is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

*/

var QScroller = new Class({
	options: {
		slides: 'qslide',
		direction: 'h',
		duration: 1000,
		auto: false,
		delay: 1000,
		transition: Fx.Transitions.linear
	},
	initialize: function(wrapper,options) {
		this.setOptions(options);
		this.wrapper = $(wrapper);
		this.wrapper.setStyles({
			position: 'relative',
			overflow: 'hidden'
		});
		this.wrapper.addEvent('mouseenter', this.fireEvent.pass('onMouseEnter',this));
		this.wrapper.addEvent('mouseleave', this.fireEvent.pass('onMouseLeave',this));
				
		this.slideOut = new Element('div').setStyles({
			position: 'absolute',
			overflow: 'hidden',
			top: 0,
			left: 0,
			width:'100%' ,//this.wrapper.getStyle('width'),
			height: this.wrapper.getStyle('height')
		}).injectInside(this.wrapper);

		this.slideIn = this.slideOut.clone();
		this.slideIn.injectInside(this.wrapper);
				
		this.slides = $$('.'+this.options.slides);
		
		if($defined(this.options.buttons)) {
			if($defined(this.options.buttons.next)) {
				$(this.options.buttons.next).addEvent('click', this.next.bind(this));
			}
			if($defined(this.options.buttons.prev)) {
				$(this.options.buttons.prev).addEvent('click', this.prev.bind(this));
			}	
			if($defined(this.options.buttons.play)) {
				$(this.options.buttons.play).addEvent('click', this.play.bind(this));
			}	
			if($defined(this.options.buttons.stop)) {
				$(this.options.buttons.stop).addEvent('click', this.stop.bind(this));
			}	
		}
		this.auto = this.options.auto;
		this.idxSlide = 0;
		this.step = 0;
		this.isFirst = true;
	},
	load: function() {
		if(!this.isFirst) {
			this.idxSlide += this.step;
			if(this.idxSlide > this.slides.length-1) {
				this.idxSlide = 0;
			} else if(this.idxSlide < 0) {
				this.idxSlide = this.slides.length-1;
			}
		}
		this.curSlide = this.slides[this.idxSlide].clone();
		this.show();
	},
	show: function() {
		var slide = this.slideIn.getElement('div');
		if(slide) {
			slide.replaceWith(this.curSlide);
		} else {
			this.curSlide.injectInside(this.slideIn);
		}
		this.doEffect();
	},
	doEffect: function() {
		this.fxOn = true;
		var d = this.isFirst ? 0:this.options.duration;
		var t = this.options.transition;
		
		var fxObj = this.slideIn.effects({
			duration:d,
			transition: t
		});
		var inX = 0;
		var inY = 0;
		var outX = 0;
		var outY = 0;
		var ww = this.wrapper.getStyle('width').toInt();
		var wh = this.wrapper.getStyle('height').toInt();
		if(this.step > 0) {
			if(this.options.direction == 'h') {
				inX = -ww;
				outX = ww;
			} else {
				inY = -wh;
				outY = wh;
			}
		} else {
			if(this.options.direction == 'h') {
				inX = ww;
				outX = -ww;
			} else {
				inY =  wh;
				outY = -wh;
			}
		}
		if(this.isFirst) {
			if(this.auto) {
				this.step = 1;
			}
			this.isFirst = false;
		}
		fxObj.start({
			top: [inY, 0],
			left: [inX, 0],
			opacity: [1, 1]
		});
		this.slideOut.effects({
			duration: d,
			transition: t
		}).start({
			top: [0, outY],
			left: [0, outX]
		});
		
		this.fxEnd.delay(d + 75, this);
	},
	fxEnd: function() {
		this.fxOn = false;
		this.swapSlides();
		if(this.auto) {
			$clear(this.timer);
			this.timer = this.load.delay(this.options.delay, this);
		}
	},
	stop: function(){
		$clear(this.timer);
		this.auto = false;
	},
	play: function() {
		if(!this.auto ) {
			$clear(this.timer);
			this.auto=true;
			this.step = 1;
			if(!this.fxOn) {
				this.load();
			}
		}
	},
	next: function() {
		this.stop();
		if(this.fxOn) { return; }
		this.step = 1;
		this.load();
	},
	prev: function() {
		this.stop();
		if(this.fxOn) { return; }
		this.step = -1;
		this.load()
	},
	swapSlides: function() {
		this.slideOut.setStyles({
			zIndex: 0,
			opacity: 0
		});
		var t = this.slideOut;
		this.slideOut =this.slideIn;
		this.slideIn = t;
	}
});
QScroller.implement(new Options, new Events);