var timer;

function agrandir(boite) {
	
	boite.morph('.long');
	

	timer = setTimeout(function(){boite.getElement('.sousbloc').morph({display:'block'})},400);
	
	
}

function retrecir(boite) {
	
	clearTimeout(timer);
	
	boite.morph('.short');
	
	boite.getElement('.sousbloc').morph({display:'none'});
	
}


window.addEvent('domready', function ()
{
	$$('.boites').each(function(element)
	{
		element.addEvent('mouseenter', function(e)
		{
			agrandir(element) ;
		});
		
		
		element.addEvent('mouseleave', function(e)
		{
			retrecir(element) ;
		});
	});
}) ;