window.addEvent('domready', function(){
var accordion = new Accordion('h2.atStart', 'div.atStart', {
start: 'all-closed',
opacity: false,
onActive: function(toggler, element){
toggler.setStyle('color', '#ff3300');
},

onBackground: function(toggler, element){
toggler.setStyle('color', '#222');
}
}, $('accordion'));


var newTog = new Element('h2', {'class': 'toggler'}).setHTML('<a href="#uos">Reference &amp; Resources</a>');
// [ NOTE: Make sure to put the trailing " \ " after each </li> in the following. ]
var newEl = new Element('div', {'class': 'element'}).setHTML('\
<ul>\
      <li><a href="/ehs/ih/labsafety.shtml">Chemical Hygiene &amp; Lab Safety</a></li>\
      <li><a href="/eu/design_standards.shtml">E&amp;U Design Standards</a></li>\
	  <li><a href="/ehs/environmental/hw_label_tool.shtml">Hazardous Waste Labeling Tool</a></li>\
	  <li><a href="/transportation/parking/parking_maps.shtml">Parking Maps &amp; Directions</a></li>\
      <li><a href="/fmo/pre-billing.shtml">Pre-Billing Statement</a></li>\
	  <li><a href="/ehs/radiation/radsafety_manual.pdf"> Radiation Safety Manual</a></li>\
      <li><a href="/ehs/radiation/emergency_spills.shtml">Response to Radioactive Spills</a></li>\
	  <li><a href="/blackstone/">The Blackstone Project</a></li>\
	  <li class="more"><a href="/about/reference_information.shtml">More &raquo;</a></li>\
</ul>');

accordion.addSection(newTog, newEl, 1);
}); 

// this is a test