$(document).ready(function() {
	
	contentText = $("#text").html();
	
	contentText = contentText.replace(/<h5>/gi, "</div></div><div class='collapse'><h5>");
	contentText = contentText.replace(/<\/h5>/gi, "</h5><div class='within'>");
	contentText = contentText.replace(/<h6>/gi, "</div></div><div class='collapse'><h6>");
	contentText = contentText.replace(/<\/h6>/gi, "</h6><div class='within'>");
	contentText = contentText.replace("</div></div><div class='collapse'>", "<div class='collapse'>");
	
	$("#text").html(contentText + "</div></div>");
		
	$("#text .collapse h6").parent().toggleClass('hide').children('.within').hide();
	
	$(".collapse h5").click(function() {
		$(this).parent().children('.within').toggle('slow');
		$(this).parent().toggleClass('hide');
	});
	
	$(".collapse h5").hover(
		function () {
			$(this).toggleClass('over');
		}, 
		function () {
			$(this).toggleClass('over');
		}	
	);
	
	$(".collapse h6").click(function() {
		$(this).parent().children('.within').toggle('slow');
		$(this).parent().toggleClass('hide');
	});
	
	$(".collapse h6").hover(
		function () {
			$(this).parent().children('h6').toggleClass('over');
		}, 
		function () {
			$(this).parent().children('h6').toggleClass('over');
		}	
	);
	
});