function UserTabs()
{
	var that = this;
	
	// On attache les évènements
	$('.tabBox .tab').live('click', function(e){ that.select(e); });
}

UserTabs.prototype = 
{
	// Changement d'onglet
	select: function(event)
	{
		// Récupération des différentes informations
		var tab			= $(event.target);
		var tabBox		= $(tab).closest('.tabBox');
		var boxIndex 	= tabBox.attr("boxIndex");
		var pannelBox	= $('[boxIndex='+ boxIndex +']');
		var tabIndex 	= $(tab, tabBox).index('[boxIndex='+ boxIndex +'] .tab');

		// Modification des composants
		this.toggleTab(tabBox, tab);
		this.togglePannel(pannelBox, tabIndex);
	},
	
	// Sélection de l'onglet demandé
	toggleTab: function(tabBox, tab)
	{
		$('.tab', tabBox).removeClass('selected');
		$(tab).addClass('selected');
	},
	
	// Sélection du contenu demandé
	togglePannel: function(pannelBox, tabIndex)
	{
		$('.tabPannel', pannelBox).hide();
		$('.tabPannel', pannelBox).eq(tabIndex).show();
	}
}