window.addEvent('domready', function() {
    $('navigation').getElements('a.nav-onglet').each(function(item){
		item.addEvent('mouseenter',function(){showMenuItem(item);});
		item.addEvent('mouseleave',function(){navigationTimer = hideMenuItem.delay(500,item);});
	});
	$('wrapper').getElements('div.navl1').each(function(item){
		item.addEvent('mouseenter',function(){$clear(navigationTimer)});
		item.addEvent('mouseleave',function(){navigationTimer = hideMenuItem.delay(500,item);});
	});
});

var currentSousnav = null;
var navigationTimer = null;

function showMenuItem(item) {
	if(currentSousnav != null ) hideMenuItem();
	$clear(navigationTimer);
	var id = item.get('id').replace('onglet','');
	var sousnav = $('bloc'+id);
	var coords = item.getCoordinates($('header'));

	var left = 0;
	var dims = item.getSize();
	var top = coords.top+3+dims.y;
	if(coords.left - 2 + 266 > 960) // gestion du débord
		left = coords.left+dims.x-266 + 2;
	else
		left = coords.left -2;
	sousnav.setStyles({
		'left':left,
		'top':top,
		'display':'block'
	});

	currentSousnav = sousnav;
}

function hideMenuItem(item) {
	if(currentSousnav != null)
	{
		currentSousnav.setStyle('display','none');
	}
}