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 getRealLeft(el) {
    xPos = el.offsetLeft;
    tempEl = el.offsetParent;
    while (tempEl != null) {
        xPos += tempEl.offsetLeft;
        tempEl = tempEl.offsetParent;
    }
    return xPos;
}

function getRealTop(el) {
    yPos = el.offsetTop;
    tempEl = el.offsetParent;
    while (tempEl != null) {
        yPos += tempEl.offsetTop;
        tempEl = tempEl.offsetParent;
    }
    return yPos;
}

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, 1250);

	//THIN DOUBLE UNDERLINE
	linkRefString = "link" + lastToolNum;
	changeStyle(linkRefString, 'borderBottomWidth', '1px');
}

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

function displayAd(indexNum){
	var linkRef =  eval("link" + indexNum);
	var linkRefString = "link" + indexNum;

	//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 = "<table style='cursor:pointer;cursor:hand;' cellspacing='0' cellpadding='3' border='0' onClick='redirect(\"" + urlArray[lastToolNum]  + "\")'>";
	displayString += "<tr><td colspan='2' height='6'></td></tr>";
	displayString += "<tr><td colspan='2'><span id='toolTipTitleLink' onMouseOver='changeStyle(\"toolTipTitleLink\",\"color\",linkOnColor);' onMouseOut='changeStyle(\"toolTipTitleLink\",\"color\",linkOffColor);'><b>" + titleArray[lastToolNum] + "</b></span></div></td></tr>";
	displayString += "<tr><td colspan='2'>" + bodyArray[lastToolNum] + "</td></tr>";
	displayString += "<tr><td colspan='2'><span id='toolTipURLLink' onMouseOver='changeStyle(\"toolTipURLLink\",\"color\",linkOnColor);' onMouseOut='changeStyle(\"toolTipURLLink\",\"color\",linkOffColor);'>" + linkArray[lastToolNum] + "</span></td></tr>";
	displayString += "</table>";

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

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

	//POSITION TOOL TIP
	var toolTipBoxWidth = tooltipBox.offsetWidth;
	var toolTipBoxHeight = tooltipBox.offsetHeight;
	var linkPosX = getRealLeft(linkRef) + tooltipXOffset;
	var linkPosY = getRealTop(linkRef) - 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 = eval("link" + 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');

	//REVEAL TIP
	changeStyle('tooltipBox', 'visibility', 'visible');
}

function redirect(URLStr) { 
	location = URLStr; 
}

function itemShow(d) 
{
	//alert('Test');
	if (document.getElementById(d).style.display == '') {
	document.getElementById(d).style.display = 'none';
	}
	else {
	document.getElementById(d).style.display = '';
	}
	if (d == '00') {
		if (document.getElementById('11')) {
			document.getElementById('11').style.display = 'none';
			}
		}
	if (d == '11') {
		document.getElementById('00').style.display = 'none';
		}
}