function Tab_Dom(id)
{
	this.root = $('#' + id);
}

Tab_Dom.prototype = {
	display: function (domObjButton) {
		this.displayButton(domObjButton);
		var domObjContent = this.getContentByButton(domObjButton);
		this.displayContent(domObjContent);
		
	},
	hide: function (domObjButton) {
		this.hideButton(domObjButton);
		var domObjContent = this.getContentByButton(domObjButton);
		this.hideContent(domObjContent);
	},
	
	closeAll: function () {
		this.hideButton(this.getButtons());
		this.hideButton(this.getContents());
	},
	
	// à utiliser pour la balise click
	getButtons: function () {
		return this.root.find('ul.tabButton li');	
	},

//------ méthodes internes
	getContents: function () {
		return this.root.find('.tabContent');
	},
	getContentByButton: function (domObjButton) {
		var id = $(domObjButton).attr('rel');
		return $('#' + id);	
	},
	displayButton: function (domObjButton) {
		$(domObjButton).addClass('active');
	},
	hideButton: function (domObjButton) {
		$(domObjButton).removeClass('active');
	},
	displayContent: function (domObjContent) {
		$(domObjContent).addClass('active');
	},
	hideContent: function (domObjContent) {
		$(domObjContent).removeClass('active');
	}
	
}