/* 
* splits an accordion header into 2 parts, wrapping the second part of the header with a span element
* pass it the characters that you want to split at, ex. a hyphen or colon
* example calling function with jquery ready
* $(function() {
      splitAccordionHeader(":");
  });
*/
function splitAccordionHeader(splitChar) {
	var panelHeader = document.querySelectorAll(".panel-group h4.panel-title a");
	for (let i = 0; i < panelHeader.length; i++) {
		if (panelHeader[i].innerText.includes(splitChar)) {
			var panelHeaderText = panelHeader[i].innerText.split(splitChar);
			var panelHeaderMain = panelHeaderText[0].trim() + ":";
			var panelHeaderSub = panelHeaderText[1].trim();
			var panelHeaderNewText = panelHeaderMain + "<span>" + panelHeaderSub + "</span>";
			panelHeader[i].innerHTML = panelHeaderNewText;
		}
	}
}