function highlight() {
	the_div = document.getElementById("check_this");
	for (var i in bad_word_num) {
		theregex = new RegExp("\\b("+bad_word_num[i]+")\\b","gi");
		the_div.innerHTML = the_div.innerHTML.replace(theregex,"<span onmouseover=\"showPop('$1','bad');\" onmouseout=\"hidePop();\" class='bad'>$1</span>");
	}
	for (var i in good_word_num) {
		theregex = new RegExp("\\b("+good_word_num[i]+")\\b","gi");
		the_div.innerHTML = the_div.innerHTML.replace(theregex,"<span onmouseover=\"showPop('$1','good');\" onmouseout=\"hidePop();\" class='good'>$1</span>");
	}
}
	
function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}

function trackMouse(evt) {
	if (over) {
		document.getElementById("rollover").style.top = parseInt(mouseY(evt)) + 10 + "px";
		document.getElementById("rollover").style.left = parseInt(mouseX(evt)) - 255 + "px";
	}
}

if (document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = trackMouse;

var over = false;

function mouseOver() { over = true; }
function mouseOut() { over = false; }

function showPop(word,goodbad) {
	document.getElementById("pophead").innerHTML = word.toUpperCase();
	document.getElementById("popwhy").innerHTML = "H&#105;&#115;&#116;&#111;&#114;&#105;&#099;&#097;&#108;&#108;&#121;, w&#104;&#101;&#110; \"" + word + "\" &#097;&#112;&#112;&#101;&#097;&#114;&#115;&#032;&#105;&#110;&#032;&#097;&#032;&#102;&#105;&#108;&#109;'&#115;&#032;&#100;&#101;&#115;&#099;&#114;&#105;&#112;&#116;&#105;&#111;&#110;,&#032; " + why_array[word.toLowerCase()] + "%&#032;&#111;&#102;&#032;&#116;&#104;&#101;&#032;&#116;&#105;&#109;&#101;&#032;&#105;&#116;&#032;&#105;&#115;&#032;&#097;&#110;&#032;&#105;&#110;&#100;&#105;&#099;&#097;&#116;&#105;&#111;&#110;&#032;&#116;&#104;&#101;&#032;&#102;&#105;&#108;&#109;&#032;&#119;&#105;&#108;&#108;&#032;&#098;&#101; " + goodbad + ".";
	pop = document.getElementById("rollover");
	mouseOver();
	pop.style.display = "block";
}

function hidePop() {
	document.getElementById("rollover").style.display = "none";
	mouseOut();
}