function highlightOnLoad() {
  // Get search string
  
  if (document.getElementById('searchterm'))
  {
  	var st = document.getElementById('searchterm');
  	var s = st.value;
  	
  	if (s == "")
  	{
  		// don't do anything. this is to fix an undefined bug.
  	}
  	else
  	{
	    var searchString = getSearchString();
	    // Starting node, parent to all nodes you want to search
	    var textContainerNode = document.getElementById('colorate');
	
	    // Informational message for search
	    var searchInfo = ' '; // Search Results for:
	
	    // Split search terms on '|' and iterate over resulting array
	    var searchTerms = searchString.split('|');
	    for (var i in searchTerms) 	{
	      // The regex is the secret, it prevents text within tag declarations to be affected
	      var regex = new RegExp(">([^<]*)?("+searchTerms[i]+")([^>]*)?<","ig");
	      highlightTextNodes(textContainerNode, regex, i);
	      // Add to info-string
	      searchInfo += '  '; // <span class="highlighted term'+i+'">'+searchTerms[i]+'</span>
	    }
	
	    // Create div describing the search
	    var searchTermDiv = document.createElement("H2");
	    searchTermDiv.className = 'searchterms';
	    searchTermDiv.innerHTML = searchInfo;
	
	    // Insert as very first child in searched node
	    textContainerNode.insertBefore(searchTermDiv, textContainerNode.childNodes[0]);
     }
    
  }
}

// Pull the search string out of the URL
function getSearchString() {
  // Return sanitized search string if it exists
  var rawSearchString = window.location.search.replace(/[a-zA-Z0-9\?\&\=\%\#]+s\=(\w+)(\&.*)?/,"$1");
  var s = document.getElementById('searchterm');
  var v = s.value;
  if (v)
  {
  	// Replace '+' with '|' for regex
  	// Also replace '%20' if your cms/blog uses this instead (credit to erlando for adding this)
  	return v.replace(/\%20|\+/g,"\|");
  }
}

function highlightTextNodes(element, regex, termid) {
  var tempinnerHTML = element.innerHTML;
  // Do regex replace
  // Inject span with class of 'highlighted termX' for google style highlighting
  element.innerHTML = tempinnerHTML.replace(regex,'>$1<span class="highlighted term'+termid+'">$2</span>$3<');
}