// Menu Setup
// -------------------------------------------
// JQuery API required.
// © Heiko Ihde · Frogster Online Gaming GmbH

$(document).ready(function() {
	$.menu = {};
	$.menu.margin = 0;
	$.menu.width = 0;
	$.menu.missingwidth = 0;
	$.menu.usePadding = 0;
	
	// define the length of the menu here!
	$.menu.fullwidth = 976;//$('nav#main').width(); 	
	
	//getting menu.width
	$("nav#main .item").each(function() {
		$.menu.width += $(this).width();
		$.menu.margin = Math.max($.menu.margin, Math.abs(parseInt($(this).css('margin-right'))));
	});
	//calculating padding
	$.menu.missingwidth = $.menu.fullwidth;
	//full width minus first element
	$.menu.missingwidth -= $('nav#main .first').width();
	$.menu.missingwidth -= parseInt($('nav#main .first').css('margin-left'));
	$.menu.missingwidth -= parseInt($('nav#main .first').css('margin-right')); 
	$.menu.missingwidth -= parseInt($('nav#main .first').css('padding-right'));
	$.menu.missingwidth -= parseInt($('nav#main .first').css('padding-left'));
	//minus last element
	$.menu.missingwidth -= $('nav#main .last').width();
	$.menu.missingwidth -= parseInt($('nav#main .last').css('margin-right')); 
	$.menu.missingwidth -= $.menu.width;	//minus menu elements
	
	//calculate the needed padding
	$.menu.usePadding = Math.floor($.menu.missingwidth / Math.max(1,$("nav#main .item").length) / 2 + $.menu.margin / 2 );
	
	//setting menu width and padding
	$('nav#main').width($.menu.fullwidth);
	$("nav#main a.item").each(function() {
		$(this).css('padding', "0px " + $.menu.usePadding + "px"); 
	});
});