window.addEvent('domready', function() {
	if($('vertical')) {
		var list = $$('#vertical li div.collapse');
		var headings = $$('#vertical li .moreinfo');
		var temp = $$('#vertical li .close');
		var movie = $$('#vertical li .movie');
		var collapsibles = new Array();

		headings.each( function(heading, i) {
			var collapsible = new Fx.Slide(list[i], {
				duration: 10,
				transition: Fx.Transitions.linear,
				onComplete: function(request){
					var open = request.getStyle('margin-top').toInt();
					if(open >= 0) new Fx.Scroll(window).toElement(movie[i]);
				}
			});

			collapsibles[i] = collapsible;
			collapsible.hide();

			heading.onclick = function(){
				collapsible.toggle();
				return false;
			}

			temp[i].onclick = function() {
				collapsibles[i].toggle();
				return false;
			}
		});

		$$('div.hide').removeClass('hide');

		$('collapse-all').onclick = function(){
			headings.each( function(heading, i) {
				collapsibles[i].hide();
			});
			return false;
		}

		$('expand-all').onclick = function(){
			headings.each( function(heading, i) {
				collapsibles[i].show();
			});
			return false;
		}
	}
});