/*
---
script: tabs.js
description: MGFX.Tabs, extension of base class that adds tabs to control the rotater.
authors: Sean McArthur (http://seanmonstar.com)
license: MIT-style license
requires:
core/1.3.0: [Event, Element.Event, Fx.CSS]
more/1.3.0.1: [Fx.Elements]
provides: [MGFX.Tabs]
...
*/

//MGFX.Tabs. Copyright (c) 2008-2010 Sean McArthur <http://seanmonstar.com/>, MIT Style License.

if(!window.MGFX) MGFX = {};

MGFX.Tabs = new Class({

	Extends: MGFX.Rotater,
	
	options: {
		autoplay: false,
		onShowSlide: function(slideIndex){
			this.tabs.removeClass('activeTab');
			this.tabs[slideIndex].addClass('activeTab');
		}
	},
	
	initialize: function(tabs, slides, options){
		this.setOptions(options);
		this.tabs = $$(tabs);
		this.createTabs();
		if (this.options.hash && window.location.hash) {
			this.getHashIndex();
		}
		return this.parent(slides, options);
	},
	
	createTabs: function(){
		var that = this;
		this.tabs.forEach(function(tab, index){
			//need index, thats why theres the forEach
			tab.addEvent('click', function(event){
				event.preventDefault();
				that.showSlide(index);
				that.stop(true);
			});
		});
	}
.protect()	,
	
	getHashIndex: function(){
		var hash = window.location.hash.substring(1);
		this.tabs.forEach(function(el, index){
			if (el.get('id') == hash) {
				options.startIndex = index;
			}
		});
	}
.protect()

});

if(!window.Tabs) var Tabs = MGFX.Tabs;