Event.observe(document, 'dom:loaded', function() {

	var combinedWidth = 0;
	var numberOfElements = 0;

	$('mainmenu').select('li').each(function(liElement) {

		var elementWidth = 0;
		liElement.select('a').each(function(aElement) {

			if (numberOfElements == 0) {
				liElement.addClassName('first');
				liElement.removeClassName('middle');
				liElement.removeClassName('last');
			}
			else if (numberOfElements == $('mainmenu').select('li').length) {
				liElement.removeClassName('first');
				liElement.addClassName('middle');
				liElement.removeClassName('last');
			}
			else {
				liElement.removeClassName('first');
				liElement.removeClassName('middle');
				liElement.addClassName('last');
			}

			aElement.setStyle({
				width: 'auto',
				padding: '0px',
				margin: '0px'
			});

			elementWidth = aElement.getWidth();
		});
		numberOfElements++;
		combinedWidth += elementWidth;

	});

	var barWidth = 964;
	if(Prototype.Browser.IE && (typeof window.XMLHttpRequest == "undefined")) {
		barWidth -= numberOfElements;
		barWidth += 1;
	}

	var spacerPerElement = Math.floor((barWidth - combinedWidth) / numberOfElements);
	var firstElement = true;

	combinedWidth = 0;
	var counter = 0;

	$('mainmenu').select('li').each(function(liElement) {

		counter++;

		liElement.select('a').each(function(aElement) {

			aElement.setStyle({
				width: 'auto',
				padding: '0px',
				margin: '0px'
			});

			var width = aElement.getWidth() + spacerPerElement;

			if (firstElement) {
				width -= 1;
			}

			combinedWidth += width;

			if (counter == $('mainmenu').select('li').length) {
				width += barWidth - combinedWidth - 1;
			}

			aElement.setStyle({
				width: width+'px',
				padding:'0px',
				margin: 'auto'
			});
			liElement.setStyle({
				width: width+'px',
				padding: '0px',
				margin: '0px'
			});
		});

		firstElement = false;

	});

});