
//-vertical slide panel

window.addEvent('domready', function(){
									 
	var array_slidepanel = $$('.slidepanel');
	var mySlide;
	
	mySlide =  new Array(array_slidepanel.length);	
	
	for (x=0; x < array_slidepanel.length; x++) {
		array_slidepanel[x].getElementsByTagName("a")[0].id = "toggle_" + x;
		newToggleId = array_slidepanel[x].getElementsByTagName("a")[0].id;
		array_slidepanel[x].getElementsByTagName("p")[0].id = "slide_" + x;
		newSlideId = array_slidepanel[x].getElementsByTagName("p")[0].id;			

		mySlide[x] = new Fx.Slide(newSlideId);
		mySlide[x].hide();
		
		$(newToggleId).addEvent('click', function(e){
			e = new Event(e);
			mySlide[this.id.slice(this.id.indexOf('_')+1)].toggle();
			if (this.className == 'open'){ this.className = ''; }
				else { this.className = 'open'; } ;
			if (this.innerHTML == 'Read more'){ this.innerHTML = 'Hide' }
				else if (this.innerHTML == 'Hide'){ this.innerHTML = 'Read more' };
			e.stop();
		});
	
	};

}); 