window.addEvent('domready', function() {
	slides = $$('.slides');
	openButton = $$('.open_all');
	closeButton = $$('.close_all');
	links = $$('.slide_title');
	linksA = $$('.toggle');
	toggles = $$('.slide_body');
	togs = {};
	
	//slides.setStyle('display', 'block');
	
	function closeAll() {
		links.each(function(el, idx) {
			if(idx != 0) {
				togs[idx].slideOut('vertical');
			}
		});	
	}
	
	function openAll() {
		links.each(function(el, idx) {
			if(idx != 0) {
				togs[idx].slideIn('vertical');
			}
		});	
	}
	
	links.each(function(el, idx) {
		togs[idx] = new Fx.Slide(toggles[idx]);
		if(idx != 0) {
			//togs[idx].hide();
			el.addEvent('click', function(e) {
				var e = new Event(e).stop();
				togs[idx].toggle();
			});
			togs[idx].addEvent('complete', function() {
				if(togs[idx].open) {
					linksA[idx-1].setStyle('background-image', 'url(../images/interface/icon_arrow_up.gif)');
				} else {
					linksA[idx-1].setStyle('background-image', 'url(../images/interface/icon_arrow_down.gif)');
				}
			});
		}
	});
	
	
	openButton.addEvent('click', function(e) {
		openAll();
	});
	
	closeButton.addEvent('click', function(e) {
		closeAll();
	});
	
	
	
});