var titleArray = new Array();
var bodyArray = new Array();
var linkArray = new Array();
var urlArray = new Array();
var xOffsetArray = new Array();
xOffsetArray[0] = 0;
var yOffsetArray = new Array();
yOffsetArray[0] = 0;
var toolTipDefaultWidth = 276;
var tooltipBkgColor,tooltipHighlightColor,tooltipFont,tooltipTitleColorOff,tooltipTitleColorOn,tooltipURLColorOff,tooltipURLColorOn,tooltipTitleDecorationOff,tooltipTitleDecorationOn,tooltipURLDecorationOff,tooltipURLDecorationOn;
function changeStyle(objectID, propertyName, propertyValue){
	document.getElementById(objectID).style[propertyName] = propertyValue;
}
function changeProperty(objectID, propertyName, propertyValue){
	document.getElementById(objectID)[propertyName] = propertyValue;
}
function getStyleValue(objectID, propertyName){
	return document.getElementById(objectID).style[propertyName];
}
function getPropertyValue(objectID, propertyName){
	return document.getElementById(objectID)[propertyName];
}
var hideID = 0;
var lastToolNum = 0;
var tooltipXOffset = 10;
var tooltipYOffset = 1;
function displayStatus(string){
	window.status = string;
	return true;
}

function clearStatus(){
	window.status = '';
	return true;
}

function getRealPos(ele,dir)
{
	(dir=="x") ? pos = ele.offsetLeft : pos = ele.offsetTop;
	tempEle = ele.offsetParent;
	while(tempEle != null)
	{
		pos += (dir=="x") ? tempEle.offsetLeft : tempEle.offsetTop;
		tempEle = tempEle.offsetParent;
	}
	return pos;
}

function getScrollY(){
	if(window.pageYOffset != null) {
		return window.pageYOffset;
	} else {
		return document.body.scrollTop;
	}
}

function getScrollX(){
	if(window.pageXOffset != null){
		return window.pageXOffset;
	} else {
		return document.body.scrollLeft;
	}
}

function adDelay(){
	//close box
	changeStyle('tooltipBox', 'visibility', 'hidden');
	//clear ID
	clearInterval(hideID);
	//clear status message
	displayStatus(' ');
}

function clearAdInterval(){
	clearInterval(hideID);
}

function hideAd(){
	clearInterval(hideID);
	hideID = setInterval(adDelay, 750);
	
	//THIN DOUBLE UNDERLINE
	linkRefString = "uplink" + lastToolNum;
	//changeStyle(linkRefString, 'borderBottomWidth', '1px');
}

function linkClick(indexNum){
	window.open(urlArray[indexNum]);
}

function highlightAd(idString){

}

function unHighlightAd(idString){

}

function displayAd(indexNum){
	var linkRefString = "uplink" + indexNum;
	var linkRef =  document.getElementById(linkRefString);

	//clear id
	clearInterval(hideID);

	//update global link number variable
	lastToolNum = indexNum;

	//DISPLAY TIP TITLE IN STATUS BAR
	var statusVar = titleArray[indexNum];
	//displayStatus(statusVar);

	//COMPOSE TIP
	var displayString = document.getElementById("upinfo"+indexNum).innerHTML;

	//RENDER TIP
	changeProperty('tooltipBox', 'innerHTML', displayString);

	//RESIZE TOOLTIP BOX
	var tempWidth = toolTipDefaultWidth + "px";
	changeStyle('tooltipBox', 'width', tempWidth);

	//POSITION TOOL TIP
	var toolTipBoxWidth = getPropertyValue('tooltipBox', 'offsetWidth')
	var toolTipBoxHeight = getPropertyValue('tooltipBox', 'offsetHeight');
	var linkPosX = getRealPos(linkRef,'x') + tooltipXOffset;
	var linkPosY = getRealPos(linkRef,'y') - toolTipBoxHeight + tooltipYOffset;

	//Account for page scrolling. Reposition tooltip as neccesary
	if((getScrollX() + document.body.clientWidth) < (linkPosX + toolTipBoxWidth)){
		var tempOffset = (linkPosX + toolTipBoxWidth) - (getScrollX() + document.body.clientWidth);
		linkPosX -= tempOffset + 6;
	}
	if(getScrollY() > linkPosY){
		var tempName = document.getElementById("uplink" + lastToolNum);
		var tempOffset = tempName.offsetHeight;
		linkPosY += toolTipBoxHeight - (2*tooltipYOffset) + tempOffset + 4;
	}


	//Make it happen
	var linkPosXString = linkPosX + "px";
	var linkPosYString = linkPosY + "px";
	changeStyle('tooltipBox', 'left', linkPosXString);
	changeStyle('tooltipBox', 'top', linkPosYString);

	//THICK DOUBLE UNDERLINE
	changeStyle(linkRefString, 'borderBottomWidth', '3px');
	changeStyle('tooltipBox', 'visibility', 'visible');
}