window.addEvent('domready', function(){
	
	var mesDiv = $$('.text');
	var mesH = $$('.event');	
	 
	//the same function as above
		mesDiv.each(
			function(el, i){ //here you browse the mesDiv array saying something like for each el of mesDiv having the i index
		 
				var slider = new Fx.Slide(el, {mode: 'vertical'}).hide();
		 
				mesH[i].addEvent('click', function(){
					//change_arrow(i);
					slider.toggle();
					
				});
		 
		});
	
}); 

/*function change_arrow(i){
	var state = document.getElementById('arrow_btn' + i).src;
	if(state=='http://www.johnsmeaton.leeds.sch.uk/_include/img/btn_up.jpg'){
		document.getElementById('arrow_btn' + i).src = '_include/img/btn_down.jpg';
	} else {
		document.getElementById('arrow_btn' + i).src = '_include/img/btn_up.jpg';
	}
}*/