Event.observe( window, 'load', function(){
		new Tabs();
	}
);

var Tabs = Class.create();
Tabs.prototype = {
	activeTab: false,
	
	initialize: function(){
		var slf = this;
		$$('.tab-pane').each(
			function( el ){
				slf.initialize_pane( el );
			}
		);
	},
	initialize_pane: function( el ){
		var slf = this;
		var tabs = [];
		$(el).getElementsByClassName('tab-page' ).each(
			function( el ){
				var tmp = $(el).getElementsByClassName('tab')[0];
				var tab = [tmp.innerHTML.stripTags(),el];
				Element.remove( tmp );
				if( tabs.length ){
					$(el).addClassName('tab-hide');
				}else{
					$(el).addClassName('tab-active');
				}
				tabs.push( tab );
			}
		);
		var head = document.createElement( 'ul' );
		$(head).addClassName('tab-header');
		var li,txt,a=0;
		$A(tabs).each(
			function( el ){
				li = document.createElement( 'li' );
				txt = document.createTextNode( el[0] );
				li.appendChild( txt );
				head.appendChild( li );
				if( !a ){
					$(li).addClassName('tab-active');
				}
				li.tab_content = el[1];
				Event.observe( li, 'click', slf.switchTab.bindAsEventListener( slf ) );
				a++;
			}
		);
		el.insertBefore( head, tabs[0][1] );
		/*$$( 'span.pestanya' ).each(
			function( el, index ){
				el.id = 'pestanya_' + index;
				el.contentContainer = $( 'pestanya_content_' + index );
				if( !index ){
					Element.addClassName( el.contentContainer, 'active' );
					Element.addClassName( el, 'active' );
					self.activeTab = el;
				}
				Event.observe( el, 'click', self.switchTab.bindAsEventListener( self ) );
			}
		);
		eventos.registerEvent( 'validationError', self.activateOnFormError.bind( self ) );*/
	},
	switchTab: function( evt ){
		var el = Event.element( evt, 'li' );
		var par = el.parentNode.parentNode;
		par.getElementsByClassName('tab-active').each(
			function( el ){
				el.removeClassName('tab-active');
				if( el.hasClassName('tab-page') ){
					el.addClassName('tab-hide');
				}
			}
		);
		el.addClassName('tab-active');
		el.tab_content.addClassName('tab-active');
		el.tab_content.removeClassName('tab-hide');
	}
}