var t

var db = new Array();
db[0] = new Array(3);
db[0][0] = "Depletion"; db[0][1] = "Sample Depletion Summary"; db[0][2] = "www/docs/depletion.gif"
db[1] = new Array(3);
db[1][0] = "ChainOverview"; db[1][1] = "Sample Competitive Overview"; db[1][2] = "www/docs/overview.gif"
db[2] = new Array(3);
db[2][0] = "BrandVsComp"; db[2][1] = "Brand Vs Competitors"; db[2][2] = "www/docs/brandvscomp_tdl.gif"
db[3] = new Array(3);
db[3][0] = "TopChain"; db[3][1] = "Sample Top Chain Report"; db[3][2] = "www/docs/topchain.gif"

function showBubble(obj){
	if(!document.getElementById || !document.getElementsByTagName) return;

	cancelHide();
	setOpacity(90);
	var bDIV = document.getElementById("bubbleBlock");
	var bText = document.getElementById("bubbleText");
	var bImage = document.getElementById("bubbleImage");
        var bLink = document.getElementById("bubbleLink");
	var pos = findPos(obj);

	bDIV.style.left = (pos[0]) + 'px';

	bDIV.style.top = (pos[1] - 200) + 'px';
	bDIV.style.backgroundImage = "url(www/images/reportBubble.gif)";


	var info = getInfo(obj.id);
	bText.innerHTML = info[0];
	bImage.src = info[1];
        bLink.href = obj.href;

	document.getElementById("bubbleBlock").style.display="BLOCK";
}


function hoverBubble()  {
	cancelHide();
	setOpacity(99);	
	document.getElementById("bubbleBlock").style.backgroundImage = "url(www/images/reportBubble_hover.gif)";
}

function releaseBubble() {
	delayHide();
	setOpacity(90);
	document.getElementById("bubbleBlock").style.backgroundImage = "url(www/images/reportBubble.gif)";
}


function delayHide() {
t = setTimeout('hideBubble();',500);
}


function cancelHide() {
clearTimeout(t);
}


function hideBubble() {
	document.getElementById("bubbleBlock").style.display="NONE"; 
}


function setOpacity(opacity){
    var object = document.getElementById('bubbleBlock').style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function findPos(obj) {
	var curleft = curtop = 0;

	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}


function getInfo(val) {
	var desc = ""
	var img = ""
	
	for (var i in db) {
        	if (val == db[i][0]) {
			desc = db[i][1];
			img = db[i][2];
			break;
		}
	}

	return [desc,img]	
}