// JavaScript Document, must use with jQuery

$(document).ready(function(){
	
	var menu=$(".menuBar");
	
	function get_space(){
		var space = 700 - menu.width();
		var counter = 0;
		var padding_value = 0;
		
		/*cakculate the padding*/
		menu.find('a').each(function(){
					   counter++;
					   });
		padding_value = Math.floor(space/counter/2);
		
		/*apply the padding*/
		menu.find('a').each(function(){									 
			   $(this).css('padding', '0 ' + padding_value + 'px');
		});			
		
		/*reposition center*/
		var left_space = (700 - menu.width())/2;			
		menu.css('padding-left', left_space+'px')
		
	}
	
	get_space();
	
});