var TabManager = Class.create();
TabManager.prototype = {
	/*
		tabName basic class applied to tabs
		contentName basic class applied to contents
	*/
	initialize: function(tabName,contentName){
		this.tabName = tabName;
		this.contentName = contentName;
		this._setFirstActive();
		this._addOnclickTabAction();
	},
	
	/*Active le 1er onglet et son contenu*/
	_setFirstActive: function() {
		var contentName = this.contentName;
		var tabName = this.tabName;
		var tabs = $A(document.getElementsByClassName(this.contentName));
		var firstActive=0;
		tabs.each(function(element) {
			var associatedTab=element.id.sub(contentName+'-','');
			if (element.empty()) {
				element.setStyle({display:'none'});
				$(tabName+'-'+associatedTab).setStyle({display:'none'});
			}
			else{
				if (firstActive==0) {
					$(tabName+'-'+associatedTab).addClassName('actif');
					element.setStyle({display:'inline-block'});
					firstActive=1;
				}
				else{
					element.setStyle({display:'none'});
				}
			}
		});
	},
	_addOnclickTabAction: function() {
		var elements = document.getElementsByClassName(this.tabName);
		for (var row in elements) {
			if (elements[row].id){
				Event.observe(elements[row],'click',this.elementOnClick.bind(this));
			}
		}
	},
	
	elementOnClick: function(event) {
		var tabs = $A(document.getElementsByClassName(this.tabName));
		tabs.each(function(element) { element.removeClassName('actif'); });
		Event.element(event).addClassName('actif');
		
		var contents = $A(document.getElementsByClassName(this.contentName));
		contents.each(function(element) { element.setStyle({display:'none'}); });
		var associatedContent = Event.element(event).id.sub(this.tabName+'-','');
		$(this.contentName+'-'+associatedContent).setStyle({display:'inline-block'});
		
	}
}