window.addEvent('domready', function() {
	
	// bordure gauche des sous menus
	$$('#wrapSousMenu li:first-child a:first-child').setStyle('border-left','3px dotted #fff');
	
	// elements concernés
	var tab = $$('#onglets li');
	var tab2 = $$('#wrapSousMenu div');
	
	
	// calcul nombre d'element
	var n = tab.length;	
	
	// boucle pour ajout d'id 
	for(i=0;i<n;i++){
		tab[i].set('id','menu'+i+'');
		tab2[i].set('id','sousMenu'+i+'');
		$$('#sousMenu'+i+' li a').set('class',''+i+'');
	}
	
	//gestion des evenements sur le menu à onglets
	tab.addEvent( 'mouseenter', function(){
		var ElHover = this.getProperty('id');
		var nHover = ElHover.substring(4,6);
		$$('#onglets li').removeClass('active');
		$(''+ElHover+'').addClass('active');
		$$('#wrapSousMenu div').setStyle('display','none');
		$('sousMenu'+nHover+'').setStyle('display','block');
	});
	
	
});