// JavaScript Document
window.onload = init;
var tooltip_image;
var isFadingIn, isFadingOut, doFadeOut;

function init() {
	isFadingIn = false;
	isFadingOut = false;
	doFadeOut = false;
	
	document.getElementById("speaker_image").onmouseover = showTooltip;
	document.getElementById("speaker_image").onmouseout = hideTooltip;
	
	tooltip_image = document.getElementById("pronunciation_tooltip");
	tooltip_image.src="images/aboutpage/name_pronunciation.png";
	setOpacity(0);
}

function showTooltip() {	
	if(isFadingIn || isFadingOut)
		return;
	
	isFadingIn = true;
	showImage(true);
	isFadingIn = false;
	
	if(doFadeOut)
	{
		isFadingOut = true;
		showImage(false);
		isFadingOut = false;
		doFadeOut = false;
	}
}

function hideTooltip() {	
	if(isFadingOut)
		return;
	
	if(isFadingIn)
	{
		doFadeOut = true;
		return;
	}
		
	isFadingOut = true;
	showImage(false);
	isFadingOut = false;
}

function showImage(value) {
	for (var i = 0; i <= 10; i++)
	{
		var j;
		if(value == true) { j = i; }
		else { j = 10 - i; }
			
		setTimeout('setOpacity('+j+')',50*i);
	}
	return false;
}

function setOpacity(value)
{
	tooltip_image.style.opacity = value/10;
	tooltip_image.style.filter = 'alpha(opacity=' + value*10 + ')';
}