/* 
Used to set the menu's sizing.
*/

(function($){
$.fn.resizeMenu = function (width) {
	var menu = $(this[0]), 
	    items = menu.find('li.menu-head a');
	var newWidth = width / items.length;
	items.each( function(item) {
		var menuHead = $(this), 
		    padding = (newWidth - menuHead.width()) / 2;
		menuHead.css('padding-left', padding).css('padding-right', padding);
		// var menuItems = $(this.parent().parent().find('li.menu-item a')), 
		// menuItems.css('padding-left', padding).css('padding-right', padding);
	});
	return this;
};
})(jQuery);

// Initialize the menu on document ready.
$(document).ready( function () { $('#menu').resizeMenu(750); } );