function elmWidth(elmID){
	var objElement = document.getElementById(elmID);
	if(objElement.clientWidth){
		return objElement.clientWidth;
	} else {
		if(objElement.offsetWidth){
			return objElement.offsetWidth;
		}
	}
}
function findLeft(obj){
	var objX = 0;
	if (obj.offsetParent) {
		objX = obj.offsetLeft
		while (obj = obj.offsetParent) {
			objX += obj.offsetLeft
		}
	}
	return objX;
}
function findTop(obj) {
	var objY = 0;
	if (obj.offsetParent) {
		objY = obj.offsetTop
		while (obj = obj.offsetParent) {
			objY += obj.offsetTop
		}
	}
	return objY;
}
function hoverLink(linkID){
	var objLink = document.getElementById(linkID);
	var linkText = objLink.innerHTML;
	
	var RE = /.+::/;
	linkText = linkText.replace(RE, "");
	
	if(!document.getElementById("hoverDiv")){
		var hoverDiv = window.document.createElement("div");
		hoverDiv.setAttribute("id", "hoverDiv");
		document.body.appendChild(hoverDiv);
	}
		
	var newDiv = document.getElementById("hoverDiv");
	newDiv.style.display = "block";
	newDiv.style.position = "absolute";
	newDiv.style.left = "0px";
	newDiv.style.marginLeft = "-92px";
	newDiv.style.top = (findTop(objLink) + 35) + "px";
	newDiv.style.fontSize = "180px";

	newDiv.innerHTML = '<span id="hoverSpan">' + linkText + '</span>';
	
	/*
	if(elmWidth("hoverSpan") > 800){
		newDiv.style.fontSize = (180*(800/elmWidth("hoverSpan")) - 2) + "px";
	}
	*/
	var fontSize = 180;
	while(elmWidth("hoverSpan") > 800){
		fontSize -= 5;
		newDiv.style.fontSize = fontSize + "px";
	}
}
function clearHover(){
	document.getElementById("hoverDiv").innerHTML = "";
	document.getElementById("hoverDiv").style.display = "none";
}