var biomatters = function() {

	function alignSubnav() {
		var subnav = YAHOO.util.Dom.get("subnav");
		if (subnav) {
			var nav = YAHOO.util.Dom.get("nav");
			var selectedNavItems = YAHOO.util.Dom.getElementsByClassName("selected", "a", nav);
			if (selectedNavItems.length > 0) {
				var selectedNav = selectedNavItems[0];
				var navRegion = YAHOO.util.Region.getRegion(nav);
				var subnavRegion = YAHOO.util.Region.getRegion(subnav);
				var selectedNavRegion = YAHOO.util.Region.getRegion(selectedNav);
				var dx = selectedNavRegion.left - navRegion.left;
				
				/* Set the width to something so we can then measure the difference */
				var originalWidth = subnavRegion.right - subnavRegion.left;
				var dx = subnavRegion.left - selectedNavRegion.left;
				var w = originalWidth + dx - 12; /* 12 for the padding */
				
				if (dx > 0) {
					YAHOO.util.Dom.setStyle(subnav, "width", w + "px");
					
					/* Correct for IE6 which treats the padding differently / box model */
					subnavRegion = YAHOO.util.Region.getRegion(subnav);
					dx = subnavRegion.left - selectedNavRegion.left;
					if (dx != 0) {
						w += dx;
						YAHOO.util.Dom.setStyle(subnav, "width", w + "px");
					}
				}
			}
		}
	}
	
	return {
		alignSubnav: function() {
			alignSubnav();
		}
	};
}();

YAHOO.util.Event.onDOMReady(biomatters.alignSubnav, null, biomatters);