var t = null;
var isOver = false;

$(document).ready(function()
{
	$('.tooltip').css('opacity', 0.0).css('display', 'none');
	$('.tooltipTrig').mouseover(function()
	{
		isOver = true;
		$('.tooltip').css('display', 'block').animate({opacity: 1.0}, 300);
	});
	
	$('.tooltipTrig, .tooltip').mouseleave(function()
	{
		isOver = false;
		t = setTimeout("hideTooltip()", 300);
	});
	
	$('.tooltip').mouseenter(function()
	{
		if(isOver)
			$('.tooltip').css('display', 'block').animate({opacity: 1.0}, 300);
		else
			isOver = true;
	});
});

function hideTooltip()
{
	if(!isOver)
	{
	  $('.tooltip').animate({opacity: 0.0}, 300, 'linear', function(){$(this).css('display', 'none');});
	}
}