// Copyright 2007 Time.com

var click = 'click';

// Search Options || Gives a value of 1 or 2 depending on user selection 
tii_addEventHandlerOnElementLoad ('srch1', click, function (event){searchOpt(1);}, false);
tii_addEventHandlerOnElementLoad ('srch2', click, function (event){searchOpt(2);}, false);

var keyevent = tii_issafari || tii_isie ? 'keydown' : 'keypress';
tii_addEventHandlerOnElementLoad ('srch1', keyevent, function (event){searchOpt(1);}, false);
tii_addEventHandlerOnElementLoad ('srch2', keyevent, function (event){searchOpt(2);}, false);

function searchOpt(number) {
	var optVal = document.getElementById('srch'+number).value;
	document.getElementById('srch3').value = optVal;
}

// Attaching event handlers to elements 
var clickToggle = true; 
tii_addEventHandlerOnElementLoad ('bubbleLink1', 'mouseover', function (event){displayBubble(1);}, false);
tii_addEventHandlerOnElementLoad ('bubbleLink1', 'mouseout', function (event){hideBubble(1);}, false);
tii_addEventHandlerOnElementLoad ('bubbleLink1', 'keypress' , function (event){displayBubble(1);}, false); 
tii_addEventHandlerOnElementLoad ('bubbleLink1', 'blur', function (event){hideBubble(1);}, false);
tii_addEventHandlerOnElementLoad ('bubbleLink2', 'mouseover', function (event){displayBubble(2);}, false);
tii_addEventHandlerOnElementLoad ('bubbleLink2', 'mouseout', function (event){hideBubble(2);}, false);
tii_addEventHandlerOnElementLoad ('bubbleLink2', 'keypress' , function (event){displayBubble(2);}, false); 
tii_addEventHandlerOnElementLoad ('bubbleLink2', 'blur', function (event){hideBubble(2);}, false);
tii_addEventHandlerOnElementLoad ('bubbleLink3', 'mouseover', function (event){displayBubble(3);}, false);
tii_addEventHandlerOnElementLoad ('bubbleLink3', 'mouseout', function (event){hideBubble(3);}, false);
tii_addEventHandlerOnElementLoad ('bubbleLink3', 'keypress' , function (event){displayBubble(3);}, false); 
tii_addEventHandlerOnElementLoad ('bubbleLink3', 'blur', function (event){hideBubble(3);}, false);

// Explanation Bubble for What's GCI, How is this data measured in Global Biz Index and Country pages
function displayBubble(num){

	bubLink='bubbleLink'+num;
	bub = document.getElementById('bubble'+num);
	if (!bub) return true;
	var bubPos = new Array(2);
	bubPos = findPos(bubLink);	
	
	if (bub.id=='bubble1')
	{
		bub.style.left = (parseInt(bubPos[0]) - 213).toString() + 'px';
		bub.style.top = (parseInt(bubPos[1]) +  15).toString() + 'px';	
	}
	else if (bub.id=='bubble2')
	{
		bub.style.left = (parseInt(bubPos[0]) + 66).toString() + 'px';
		bub.style.top = (parseInt(bubPos[1]) + 213).toString() + 'px';	
	}
	else
	{
		bub.style.left = (parseInt(bubPos[0]) + 6).toString() + 'px';
		//  Check for IE
		if (tii_isie) 
		{		
			bub.style.top = (parseInt(bubPos[1]) + 365).toString() + 'px';	
		}
		else
		{
			bub.style.top = (parseInt(bubPos[1]) + 351).toString() + 'px';	
		}
	}
	// Display the bubble
	bub.style.display = 'block';
	clickToggle = false;
}

// Hides the bubble
function hideBubble(num){
	var bub=document.getElementById('bubble'+num);	
	if (!bub) return true;	
	bub.style.display = 'none';
	clickToggle = true;
}

// Finds the position of an element on the page
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];
}