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="http://www.commuterchoice.harvard.edu/bicycling/">Bike Guidelines</a></li>\
<li><a href="http://www.uos.harvard.edu/transportation/mail_services/faq.shtml">Mail Services FAQ</a></li>\
<li><a href="http://www.commuterchoice.harvard.edu/transit/mbta/faqs.pdf">MBTA Pass Program FAQ</a></li>\
<li><a href="http://www.uos.harvard.edu/transportation/onl.shtml">Online Forms</a></li>\
<li><a href="http://www.uos.harvard.edu/transportation/parking/parking_maps.shtml">Parking Maps</a></li>\
<li><a href="http://www.uos.harvard.edu/transportation/parking/parking_faq.shtml">Parking Services FAQ</a></li>\
<li><a href="http://www.uos.harvard.edu/transportation/passenger_transport_services/shuttle_schedule.pdf">Shuttle Schedule</a></li>\
<li><a href="http://www.uos.harvard.edu/transportation/transportation_plan">Transportation Strategic Plan</a></li>\
<li><a href="http://www.uos.harvard.edu/transportation/mail_services/">Zip Code Address Verification</a></li>\
</ul>');

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