//llamada a colocacion de menus superiores
$(document).ready(function() {
	if ($('#menu ul').length ){colocaMenuLevel1.load();}		
});

/*--  Funcion para el menu principal: establece un padding fijo a cada elemento para que ocupe el ancho disponible --*/
var colocaMenuLevel1={
	load:function(){				
		var userAgent = navigator.userAgent.toLowerCase();		
		var numeroElementos = $("#menu ul li").length - 1;	// menos el primer elemento
		var espacioTotal = $("#menu").width();							
			
		$("#menu ul li.primero").css({width:"16em", padding:".1em 0 .2em 0"});	//doy tamanio al primer elemento (igual que el del menu izq.)			
				
		var elemsWidth = 0;				
		$("#menu ul li").each(function(){elemsWidth+=$(this).width();});								

		var restWidth = espacioTotal - (elemsWidth + 10);								
		restWidth = ((parseInt(restWidth)-1)/8) / 10;												
		$("#menu ul li").each(function(i){
			if(i>0) $(this).css("padding", ".1em " + restWidth +"em " + ".2em " + restWidth +"em");
		});	
						
		//AJUSTANDO AL PÎXEL DEPENDIENDO DEL NAVEGADOR			
		var ajuste = 0;
		if ($.browser.msie && parseInt($.browser.version, 10) < 8) { 			
			ajuste = 0.7;			
		}
		else if ($.browser.msie && parseInt($.browser.version, 10) >= 8) { 
			ajuste = 0.3;			
		}		
		else if ($.browser.mozilla || $.browser.opera){
			ajuste = 0;
		}		
		else if ($.browser.webkit){
			ajuste = 0.5;	
		}		
		else {
			ajuste = 0;
		}
		$("#menu ul li.ultimo").css("padding-right", restWidth + ajuste +"em");				
	}
}