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 & 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/lp_chemical_safety_chp.shtml">Chemical Hygiene Plan</a></li>\
<li><a href="/ehs/ih/controlled_substances.shtml">DEA Controlled Substances</a></li>\
<li><a href="/ehs/ih/cerg_10182006.pdf">Emergency Response (Cambridge)</a></li>\
<li><a href="/ehs/longwood/erg_phonenumbers.shtml ">Emergency Response (Longwood)</a></li>\
<li><a href="/ehs/msds/">MSDSs</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>\
</ul>');

accordion.addSection(newTog, newEl, 1);
}); 