/**
 * Script menu
 * 1. justifie les marges
 * 2. gère le survol
 * (c) 2011 - Ateliers CYM / Webelys
 *
 */
 
$(document).ready(function() {
						   
// Gestion du survol des éléments

	// Attention s'il y a plusieurs couches de ul/li !
	$("#nav .menu-liste li.menu-entree, .nav ul li").hover(
		function () {
			$(this).addClass("on");
		}, 
		function () {
			$(this).removeClass("on");
		}
	);


// Gestion de l'espacement entre les boutons

	var largeur_prise = 0;
	var largeur_dispo = 0;
	var largeur_marge = 0;
	var nombre_items = 0;
	
	var marge_extreme = 10; // pour éviter que le 1er et le dernier élément ne soient trop près du bord

	// Calcul de la largeur totale en pixels prise par les éléments de menu
	$("#nav .menu-liste li.menu-entree").each(function(){
		largeur_prise += $(this).outerWidth();
		nombre_items++;
	});

	// Calculs complémentaires 
	largeur_dispo = $('#nav .menu-liste').width() - (largeur_prise + (marge_extreme*2) );
	largeur_padding = Math.abs( largeur_dispo / ( ( nombre_items - 1) * 2 ) );

	// Elargissement des paddings
	$("#nav li.menu-entree").each(function(){
		$(this).css('padding-left', largeur_padding);
		$(this).css('padding-right', largeur_padding);		
	});

	// On ajuste les paddings du 1er et du dernier
	$('#nav li.menu-entree:first-child').css('padding-left', marge_extreme+'px');
	$('#nav li.menu-entree:last-child').css('padding-right', marge_extreme+'px');	
	$('#nav li.menu-entree:last-child').css('float', 'right');

});