// Composant pour transformer un dl dt dd en onglet
// Options:
//cssClass2Remove: un tableau de classe css à enlever du conteneur (dl)
//elemSelector2Remove: un tableau de sélecteur pour des éléments à supprimer
//defaultBlockIndex: index du block à présenter par défaut 1 à n

(function($){
	$.extend($.fn, {
			dl2Onglet: function(o) {
				// Default options
				if (o.cssClass2Remove == null) o.cssClass2Remove = [];
				if (o.elemSelector2Remove == null) o.elemSelector2Remove = [];
				if (o.defaultBlockIndex == null) o.defaultBlockIndex = 0;
				
				$(this).addClass('dl2Onglet');
				
				var container = $(this);
				
				var currentElemTitle = null;
				var currentElemContent = null
				
				for (var i=0, len = o.cssClass2Remove.length; i<len; i++){
					$(this).removeClass(o.cssClass2Remove[i]);
				}
				for (var i=0, len = o.elemSelector2Remove.length; i<len; i++){
					$(this).find(o.elemSelector2Remove[i]).remove();
				}
				// Initialize Actions
				$(this).find('dt').click(
						function (){
							currentElemTitle.removeClass('courant');
							currentElemContent.removeClass('courant');
							
							currentElemTitle = $(this);
							currentElemContent = $(this).next('dd'); 
								
							currentElemTitle.addClass('courant');
							currentElemContent.addClass('courant');
						}
				);
				
				// Default block is current
				var dtIndex = (o.defaultBlockIndex -1) * 2 + 1 ;
				var ddIndex = dtIndex + 1;
				currentElemTitle = $(this).find('dt:nth-child('+ dtIndex +')');
				currentElemContent = $(this).find('dd:nth-child('+ ddIndex +')');
				
				currentElemTitle.addClass('courant');
				currentElemContent.addClass('courant');
				
			}
	});
})(jQuery)