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="/af/Blackstone_Pocket_Guide_May_2006.pdf">Blackstone Pocket Guide</a></li>\
<li><a href="http://harvie.harvard.edu">HarvIE</a></li>\
<li><a href="/af/Missing_Receipt_Affidavit.pdf">Missing Receipt Affidavit</a></li>\
<li><a href="/af/UOSNewEmployeeAccessChecklist.doc">New Employee Checklist</a></li>\
<li><a href="https://www.directory.harvard.edu/phonebook/">Online Harvard Directory</a></li>\
<li><a href="https://hrmsapps.cadm.harvard.edu/pshrprd/signon.html">PeopleSoft</a></li>\
<li><a href="http://hul.harvard.edu/rmo/">Records Schedule</a></li>\
<li><a href="/af/UOS_Travel_Request_Form.pdf">UOS Travel Request Form</a></li>\
<li><a href="/af/UOS_Traveler_Information_Form_2007.pdf">UOS Traveler Information Form</a></li>\
<li><a href="/af/Universal_Expense_Form.pdf">Universal Expense Form</a></li>\
</ul>');

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