var MGFX = MGFX||{};

MGFX.Rotater=new Class({
	Implements:[Options,Events],
	options:{
		slideInterval:4000,
		transitionDuration:1000,
		startIndex:0,
		autoplay:true,
		hover:true
	},
	initialize:function(slides,options){
		this.setOptions(options);
		this.slides = $$(slides);
		this.createFx();
		this.showSlide(this.options.startIndex);
		if(this.slides.length<2)this.options.autoplay = false;
		if(this.options.autoplay)this.autoplay();
		if(this.options.hover)this.slides.addEvent('mouseenter',function(){this.stop()}.bind(this));
		return this
	},
	toElement:function(){
		return this.container
	},
	createFx:function(){
		if(!this.slideFx)this.slideFx = new Fx.Elements(this.slides,{duration:this.options.transitionDuration});
		this.slides.each(function(slide){
			slide.setStyle('opacity',0)
		})
	},
	showSlide:function(slideIndex){
		var action = {};
		this.slides.each(function(slide,index){
			if(index==slideIndex&&index!=this.currentSlide){
				action[index.toString()] = {opacity:0.8}
			}
			else{
				action[index.toString()] = {opacity:0}
			}
		},this);
		this.fireEvent('onShowSlide',slideIndex);
		this.currentSlide = slideIndex;
		this.slideFx.start(action);
		return this
	},
	autoplay:function(){
		this.slideshowInt = this.rotate.periodical(this.options.slideInterval,this);
		this.fireEvent('onAutoPlay');
		return this
	},
	stop:function(){
		$clear(this.slideshowInt);
		this.fireEvent('onStop');
		return this
	},
	rotate:function(){
		current = this.currentSlide;
		next = (current+1>=this.slides.length)?0:current+1;
		this.showSlide(next);
		this.fireEvent('onRotate',next);
		return this
	}
});

MGFX.Tabs = new Class({
	Extends:MGFX.Rotater,options:{
		slideInterval:6000,
		transitionDuration:500,
		autoplay:false,
		hash:true
	},
	initialize:function(tabs,slides,options){
		this.setOptions(options);
		this.tabs = $$(tabs+' li');
		this.tabsA = $$(tabs+' a');
		this.createTabs();
		if(this.options.hash&&window.location.hash){
			var hash = window.location.hash.substring(1);
			this.tabsA.each(function(el,index){
				if(el.id==hash){
					options.startIndex = index;
				}
			})
		}
		this.parent(slides,options);
		return this
	},
	createTabs:function(){
		this.tabsA.each(function(tab,index){
			tab.addEvent('mouseenter',function(event){
				event.stop();
				this.showSlide.delay(300, this, index);
				this.stop()
			}.bind(this))
		}.bind(this))
	},
	
	activateTab:function(tabIndex){
		this.tabs.removeClass('active');
		this.tabsA.removeClass('active');
		this.tabs[tabIndex].addClass('active');
		this.tabsA[tabIndex].addClass('active')
	},
	showSlide:function(slideIndex){
		if(slideIndex==this.currentSlide)return;
		this.activateTab(slideIndex);
		this.parent(slideIndex);
		return this
	}
});