sfHover = function() {
	var sfEls = document.getElementById("topnav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);



Array.prototype.sum = function() {
	return (! this.length) ? 0 : this.slice(1).sum() +
			((typeof this[0] == 'number') ? this[0] : 0);
};
function menu() {
	var nav = jQuery('ul#topnav'),
	nav_item_height = 0,
	numMenuItems = jQuery('> li', nav).size(),
	totalMenuItemWidth = 0,
	menuWidthRemainder = 0,
	containerWidth = menuWidth,
	maxNavItemWidth = 200,
	priNavItems = new Array();

	/* First, determine the total width of each item in the topnav. */
	jQuery('> li', nav).each(function (i) {
		totalMenuItemWidth += jQuery(this).width();
		priNavItems.push((jQuery(this).width() > maxNavItemWidth) ? maxNavItemWidth : jQuery(this).width());
	});

	/* Primary topnav items (combined) are less width than the
			container. */
	if(totalMenuItemWidth < containerWidth) {
		menuWidthRemainder = containerWidth - totalMenuItemWidth;

		jQuery('> li', nav).each(function() {
			var tmp_width = jQuery(this).width();
			jQuery(this).width(tmp_width + parseInt(menuWidthRemainder / numMenuItems));
		});

		tmp_width = jQuery('> li:first', nav).width();
		jQuery('> li:first', nav).width(tmp_width + (menuWidthRemainder % numMenuItems));
	}

}

jQuery(function() {
	menu();
});