var keepVisible = false;
var degree = 0;

function initIntro()
{
	obj = $('intro');
	degree = 0;
	setOpacity(obj);
	obj.style.display = 'block';
}

function showIntro()
{
	if (!keepVisible)
	{
		keepVisible = true;
		var tmr = setInterval(
			function()
			{
				if (!keepVisible)
				{
					clearInterval(tmr);
					return;
				}
				obj = $('intro');
				if (degree < 100)
				{
					degree += 10;
					setOpacity(obj, degree);
				}
				else
				{
					degree = 100;
					setOpacity(obj, degree);
					clearInterval(tmr);
				}
			}, 30);
	}
}

function hideIntro()
{
	keepVisible = false;
	setTimeout('hideIntroInternal()',50);
}
function hideIntroInternal()
{
	if (!keepVisible)
	{
		var tmr = setInterval(
			function()
			{
				if (keepVisible)
				{
					clearInterval(tmr);
					return;
				}
				else
				{
					obj = $('intro');
					if (degree > 0)
					{
						degree -= 10;
						setOpacity(obj, degree);
					}
					else
					{
						degree = 0;
						setOpacity(obj, degree);
						clearInterval(tmr);
					}
				}
			}, 20);
	}
}


function home_load()
{
	initIntro();
	$('intro').onmouseover = showIntro;
	$('intro').onmouseout = hideIntro;
	objs = $$('.show');
	for (i = 0; i < objs.length; i++)
	{
		objs[i].onmouseover = showIntro;
		objs[i].onmouseout = hideIntro;
	}
}

Event.observe(window, "load", home_load);