var joueurTimer = null;
var joueurCurrent = null;
window.addEvent('domready', function() 
{
	$$('#joueursLibres div.joueur').each(function(item)
	{
		var infos 	= item.getElement('.infos');	
		var bulle 	= item.getElement('.bulle');	
		var id  	= item.getAttribute('id');
		
		infos.addEvent('mouseover', function() 
		{
			if ( joueurCurrent && id != joueurCurrent )
				closeJoueurItem(joueurCurrent);
			else if ( joueurTimer )
				clearTimeout(joueurTimer);
			
			joueurCurrent = id;
			bulle.setStyle('display', 'block');
		});
		bulle.addEvent('mouseover', function() 
		{
			if ( joueurTimer )
				clearTimeout(joueurTimer);
			
			bulle.setStyle('display', 'block');
		});
		infos.addEvent('mouseout', function() 
		{
			joueurTimer = setTimeout(function() { closeJoueurItem(id); }, 100);
			bulle.setStyle('display', 'block');
		});
		bulle.addEvent('mouseout', function() 
		{
			joueurTimer = setTimeout(function() { closeJoueurItem(id); }, 100);
			bulle.setStyle('display', 'block');
		});
	});
});

function closeJoueurItem(id)
{
	$$('#'+ id +' .bulle').setStyle('display', 'none');
	clearTimeout(joueurTimer);
}