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

	options: {
		fade: false,
		duration: 500,
		auto: false,
		autoTime: 1000,
		initialPosition: 0,
		orientation: 'horizontal',
		transition: 'sine:in:out',
		fps: 50,
		steps: 1,
		displayMax: 1,
		percent: false,
		desplWidth: 0
	},

	initialize: function(wrapper,itemCname,options){
		this.setOptions(options);
		this.wrapper = document.id(wrapper);
		this.itemCname = itemCname;
		this.items = this.wrapper.getElements("."+this.itemCname);
		this.nItems = this.items.length;
		if (this.options.initialPosition=='random'){
		  this.options.initialPosition = Math.floor(Math.random()*this.nItems);
		}
		if (this.options.orientation=='horizontal'){
		  this.despl = this.items[this.options.initialPosition].getStyle('width').toFloat();
		  this.wrapper.setStyle('margin-left',this.wrapper.getStyle('margin-left').toFloat()-(this.despl*this.options.initialPosition));
		  this.cMargin = this.wrapper.getStyle('margin-left').toFloat();
		}else{
		  this.despl = this.items[this.options.initialPosition].getStyle('height').toFloat();
		  this.wrapper.setStyle('margin-top',this.wrapper.getStyle('margin-top').toFloat()-(this.despl*this.options.initialPosition));
		  this.cMargin = this.wrapper.getStyle('margin-top').toFloat();
		}
		this.fx = new Fx.Tween(this.wrapper,{
		  duration: this.options.duration,
		  link: 'cancel',
		  fps: this.options.fps,
		  transition: this.options.transition,
		  onComplete: function(){
		    this.fireEvent('completed',this.cIndex);
		  }.bind(this)
		});

		this.cIndex = this.options.initialPosition;
	},
	fire: function(){
	  this.fireEvent('started',this.cIndex);

	  if (this.options.auto){
	    var initialFunction = function(){
	      this.goNext();
	    }.bind(this);
	    this.moveFunction = initialFunction.create({
	      periodical: this.options.autoTime
	    });
	    this.moveFunction.bind(this);
	    this.timer = this.moveFunction.run();
	  }
	},
	goTo: function(where){
			var jumps = where-this.cIndex;
			var direction;
			if (jumps>0){
			  direction = -1;
			}else if (jumps<0){
			  direction = 1;
			}else{
			  direction = 0;
			}
			if (direction!=0){
				if(this.options.orientation == 'horizontal'){
					var despl;
					if(this.options.desplWidth > 0) despl = this.options.desplWidth * jumps;
					else despl = (this.items[0].getSize().x+this.items[0].getStyle('margin-left').toFloat()*this.items[0].getParent().getSize().x/100)*jumps;
				}else{
					var despl = this.items[0].getSize().y*jumps;
				}
			  if (direction>0){
			      despl = Math.abs(despl);
			  }else{
			      despl = despl * -1;
			  }
			  this.cMargin = this.cMargin + despl;

			  if (this.options.fade)
			    this._fadeAnim(this.cMargin);
			  else
			    this._anim(this.cMargin);
			  this.cIndex = where;
			  this.fireEvent('started',this.cIndex);
			}
	},
	goto: function(where){
		this.goTo(where);
	},
	goNext: function(){
	  	//GET NEXT ITEMS IN SIGHT
	  	var next = (this.cIndex+this.options.steps)%this.nItems;
	  	if (this.nItems - next < this.options.displayMax){
	  		this.goTo(0);
	  	}else{
	  		this.goTo((this.cIndex+this.options.steps)%this.nItems);
	  	}

	},
	goPrev: function(){
	  if (this.cIndex-this.options.steps<0)
	    this.goTo(this.nItems-this.options.displayMax)
	  else
	    this.goTo(this.cIndex-this.options.steps);
	},
	_anim: function(despl){
		if (this.options.orientation == "horizontal")
		  this.fx.start('margin-left',despl);
		else
		  this.fx.start('margin-top',despl);
	},
	_fadeAnim: function(despl){
		this.fx.start('opacity',0).chain(function(){
		    if (this.options.orientation == 'horizontal')
		      this.wrapper.setStyle('margin-left',despl);
		    else
		      this.wrapper.setStyle('margin-top',despl);
		    this.fx.start('opacity',1);
		}.bind(this));
	},
	bindNext: function(elem){
	  document.id(elem).addEvent('click',function(){
	      this.goNext();
	      return false;
	  }.bind(this));
	},
	bindPrev: function(elem){
	  document.id(elem).addEvent('click',function(){
	      this.goPrev();
	      return false;
	  }.bind(this));
	},
	bindControl: function(elem, cls, pos){
	  document.id(elem).addEvent('click',function(){
	    this.goTo(pos);
	    return false;
	  }.bind(this));
	  this.addEvent('started', function(idx){
	  	if (document.id(elem).hasClass(cls)){
		  document.id(elem).removeClass(cls);
		}else if (pos==idx)
		  document.id(elem).addClass(cls);
	  });
	}
});