window.addEvent('domready', function(){

		
		var triggers = $$('.trigger');
		var contents = $$('.slider');

		triggers.each(function(item,index){

			var sl = new Fx.Slide(
			
			contents[index], {duration:300 }
			
			);	
				
			
			/* Instantiate a new slider effect on the matching .content element */
	 
			$(triggers[index]).addEvent('click',function(e){  /* Add a click event to the [x]th trigger */

				e = new Event(e);			  /* the event */
				sl.toggle();				  /* Toggle the slider condition */
				
				
					if ($(triggers[index]).get('text') == 'More Info') {
						
					$(triggers[index]).set('text', 'Less Info');

					$(triggers[index]).setStyles({
									background: 'url(images/pixel_arrow_pink_left.gif) left 6px no-repeat',
									padding: '0 0 0 9px'
									
										});				                            

					}

					else{
				

					$(triggers[index]).set('text', 'More Info');

					$(triggers[index]).setStyles({
									background: 'url(images/pixel_arrow_pink_right.gif) right 6px no-repeat',
									padding: '0 9px 0 0'
									
										});
					};



				
				e.stop(); 				  /* Stop the event from bubbling */

			});	
			
			sl.hide(); 				  /* Hide the slider */

		});

	});