$(document).ready(function(){
	var expanded = 'images/arrow_expand.png';
	var collapsed = 'images/arrow_collapse.png';
	jQuery.each($('div.section'), function () {
		this.style.display = 'none';
	});
	jQuery.each($('h3.section'), function () {
		$(this).append('<img src="'+collapsed+'" class="collapsed" />');
		
		$(this).bind('mouseup', function () {
			$('div.'+this.id).slideToggle();
			
			var arrow = $(this).children('img');
			if (arrow[0].className == 'collapsed') {
				arrow[0].src = expanded;
				arrow[0].className = 'expanded';
			}
			else {
				arrow[0].src = collapsed;
				arrow[0].className = 'collapsed';
			}
		});
	});
});