/**
 * Funzioni javascript per uniformare e rendere compatibile il menu nei vari
 * browser.
 */
$(document).ready(function() {
	// percentuale di espansione della dimensione rispetto a "strict"
	var widthExpansionRate = 1.05; //1.12;
	$('ul.navigation').superfish({
		autoArrows: false,
		hoverClass: 'sfhover',
		speed: 'fast',
		delay: 200,
		disableHI: true,
		dropShadows: false,
		onInit: function(){
		// aggiungiamo la classe per la separazione con linea dei menu
			if ($(this).is('#menu ul.navigation')) {
				$(this)
					.children('li')
						.addClass('line')
					.first() // il primo non ha l'immagine di background
						.addClass('last');
			}
		
//			if ($(this).is('#menu ul.navigation')) {
//				/**
//				 * Spazia uniformemente i menu di primo livello nello spazio a disposizione. 
//				 * Calcola la spazio a disposizione e la somma degli spazi necessari per 
//				 * ogni elemento. Poi aggiunge un padding per coprire tutto lo spazio
//				 * disponibile.
//				 */			
//				var ul_width = 0;
//				var menu = $(this),
//				    children = menu.children('li'),
//				    li_count = children.length;
//				
//				children.each(function(index) {
//					ul_width += $(this).outerWidth() * widthExpansionRate;
//				});
//				// aggiungiamo la classe per la separazione dei menu
//				children
//					.filter(':not(:first)')
//						.children('a, span')
//						.addClass('line'); 
//				
//				// http://www.merlyn.demon.co.uk/js-logic.htm: '| 0' =
//				// Truncate string to Integer
//				var delta = ((menu.parent().outerWidth() - ul_width) / li_count) | 0;
//				
//				children.each(function() {
//					$(this).css({
//						'padding-right' : delta - 2, 
//						'width' : $(this).outerWidth() * widthExpansionRate
//					});
//				});
//			}
		}
	});
});