$(document).ready(function(){
	var $i = 0;
	$('h3 + ul').each(function(){
		var $text = '<ul class="repertoire repertoire-' + $i + '">' + $(this).html() + '</ul>';
		$i++;
		$(this).remove();
		$('#content').append($text);
	});
	var $i = 0;
	$('h3').each(function(){
		$(this).attr('class', 'repertoire-section repertoire-section-' + $i);
		$(this).click(function(){
			$(this).removeClass('selected');
			$(this).removeClass('hover');
			var $j = $(this).attr('class');
			$c = $j.charAt($j.length-1);
			$('#content ul.repertoire').hide();
			$('#content ul.repertoire-'+$c).show();
			$('h3.repertoire-section').removeClass('selected');
			$(this).addClass('selected');
		});
		$(this).hover(function(){
			$(this).addClass('hover');
		}, function(){
			$(this).removeClass('hover');
		});
		$i++;
	});
	$('#content h3.repertoire-section').wrapAll('<div class="repertoires clearfix"></div>');
	$('#content ul.repertoire').hide();
	$('#content ul.repertoire:first').show();
	$('#content h3.repertoire-section:first').addClass('selected');

});