/*!

 * animate/animate.js

 *

 * Copyright (c) 2010 BlueBear Internet Solutions (www.bluebear.nl)

 * Licensed under the MIT license.

 *

 * Based on MooTools 1.2.x

 * Provides: [bbAnimate]

 */

var bbAnimate = new Class({

	Implements: [Events, Options],

	options: {

		'container':  'animation',           // ID of container

		'objects':    '.animate',            // Selector for animating objects

		'animation':  'fade',                // Type of animation [fade, scroll]

		'direction':  'left',                // Direction (for scroll animation only) [left, right, top, bottom]

		'transition': Fx.Transitions.linear, // Transition to use for the animation

		'interval':   5000,                  // Interval between animations (milliseconds)

		'duration':   1000,                  // Animation duration (milliseconds)

		'autoPlay':   true,                  // Automatically animate

		'paging':     false                  // Element containing paging elements

	},

	initialize: function(options) {

		this.setOptions(options);

		this.con = $(this.options.container);

		this.obj = $(this.options.container).getElements(this.options.objects);

		this.cur = 0;

		this.fx = new Array();

		if (this.con.getStyle('position') == 'static') this.con.setStyle('position', 'relative');



		switch(this.options.animation) {

			case 'scroll':

				this.scroll();

				break;



			default:

				this.fade();

		}



		if (this.options.autoPlay) {

			this.play();

		}



		this.prevBtns = $(this.options.container+'_prev') || $$('.'+this.options.container+'_prev');

		if (this.prevBtns) {

			this.prevBtns.addEvent('click', this.prev.bind(this));

		}



		this.nextBtns = $(this.options.container+'_next') || $$('.'+this.options.container+'_next');

		if (this.nextBtns) {

			this.nextBtns.addEvent('click', this.next.bind(this));

		}



		if (this.options.paging) {

			this.pagers = $(this.options.paging).getElements('a');

			if (this.pagers) {

				this.pagers.each(function(a) {

					a.addEvent('click', function(e) {

						this.show(a, e);

					}.bind(this));

				}, this);

			}

		}

	},

	fade: function() {

		this.obj.each(function(o,i) {

			o.setStyle('position', 'absolute');

			this.fx[i] = new Fx.Tween(o, {property: 'opacity', duration: this.options.duration, transition: this.options.transition});

			if (i === 0) {

				this.fx[i].set(1);

			} else {

				this.fx[i].set(0);

			}

		}, this);



		this.doAnimate = function(toObj, backwards) {

			this.fx[this.cur].start(0);

			this.fx[toObj].start(1);

		};

	},

	scroll: function() {

		var mod = 1;

		if (this.options.direction == 'right' || this.options.direction == 'bottom') mod = -1;

		var scrollTo = this.con.getSize().x;

		if (this.options.direction == 'top' || this.options.direction == 'bottom') scrollTo = this.con.getSize().y;



		this.con.setStyles({

			'height': this.con.getSize().y,

			'width': this.con.getSize().x,

			'overflow': 'hidden'

		});

		this.obj.each(function(o,i) {

			o.setStyle('position', 'absolute');

			this.fx[i] = new Fx.Tween(o, {property: this.options.direction, duration: this.options.duration, transition: this.options.transition});

			if (i === 0) {

				this.fx[i].set(0);

			} else {

				this.fx[i].set(scrollTo);

			}

		}, this);



		this.doAnimate = function(toObj, backwards) {

			if (!backwards) var backwards = 1;

			this.fx[this.cur].start(-scrollTo*backwards);

			this.fx[toObj].set(scrollTo*backwards);

			this.fx[toObj].start(0);

		};

	},

	animate: function(to) {

		if (this.cur !== to) {

			if (this.prevBtns) {

				this.prevBtns.removeEvents('click');

				this.prevBtns.addEvent('click', function(e){if(e)e.stop()});

			}

			if (this.nextBtns) {

				this.nextBtns.removeEvents('click');

				this.nextBtns.addEvent('click', function(e){if(e)e.stop()});

			}

			if (this.pagers) {

				this.pagers.removeEvents('click');

				this.pagers.addEvent('click', function(e){if(e)e.stop();});

			}



			var toObj = this.cur+1;

			var backwards = 1;

			if (typeof(to) == 'number') {

				toObj = to;

				if (toObj < this.cur) {

					backwards = -1;

				}

			}

			if (toObj > this.fx.length-1) {

				toObj = 0;

			} else if (toObj < 0) {

				toObj = this.fx.length-1;

			}



			if (this.fx[toObj]) {

				if (this.pagers) {

					this.pagers[this.cur].removeClass('active');

					this.pagers[toObj].addClass('active');

				}

				this.doAnimate(toObj, backwards);

				this.cur = toObj;

			}



			(function() {

				if (this.prevBtns) {

					this.prevBtns.removeEvents('click');

					this.prevBtns.addEvent('click', this.prev.bind(this));

				}

				if (this.nextBtns) {

					this.nextBtns.removeEvents('click');

					this.nextBtns.addEvent('click', this.next.bind(this));

				}

				if (this.pagers) {

					this.pagers.removeEvents('click');

					this.pagers.each(function(a) {

						a.addEvent('click', function(e) {

							this.show(a, e);

						}.bind(this));

					}, this);

				}

			}).delay(this.options.duration+100, this);

		}

	},

	play: function(e) {

		if (e) e.stop();

		if (this.animation) {

			$clear(this.animation);

		}

		this.animation = this.animate.periodical(this.options.interval, this);

	},

	pause: function(e) {

		if (e) e.stop();

		if (this.animation) {

			$clear(this.animation);

		}

	},

	prev: function(e) {

		if (e) e.stop();

		if (this.animation) {

			$clear(this.animation);

			this.animate(this.cur-1);

			this.animation = this.animate.periodical(this.options.interval, this);

		} else {

			this.animate(this.cur-1);

		}

	},

	next: function(e) {

		if (e) e.stop();

		if (this.animation) {

			$clear(this.animation);

			this.animate();

			this.animation = this.animate.periodical(this.options.interval, this);

		} else {

			this.animate(this.cur+1);

		}

	},

	show: function(a, e) {

		if (e) e.stop();

		if (this.animation) {

			$clear(this.animation);

			this.animate(a.getProperty('href').replace(/[^0-9]/gi,'').toInt());

			this.animation = this.animate.periodical(this.options.interval, this);

		} else {

			this.animate(a.getProperty('href').replace(/[^0-9]/gi,'').toInt());

		}

	}

});