
// for IE
window.onload = function() {
$$('.slideWrapper').each(function(element, index) {
	var title = element.getElement('.title'); // using class getting the each element
	var info  = element.getElement('.mssg');
	var thisSlide = new Fx.Slide(info); // applying Slide
	thisSlide.hide(); // default hide the slide
}); // . slideWrapper
}


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


	// OnLoad assign the onclick function to all the Titles to toggle the Mssg element
	$$('.slideWrapper').each(function(element, index) {
		
		var title = element.getElement('.title'); // using class getting the each element
		var info  = element.getElement('.mssg');
		var thisSlide = new Fx.Slide(info); // applying Slide
		thisSlide.hide(); // default hide the slide
		title.addEvent('click',function(e){
			e.stop();
			thisSlide.toggle();
		});
	}); // . slideWrapper
	
	// Expand all by setting all the Mssg element to slideIn
	$('expandAll').addEvent('click',function(e) {
		e.stop();
		$$('.slideWrapper').each(function(element, index) {
			var info  = element.getElement('.mssg');
			var thisSlide = new Fx.Slide(info);
			thisSlide.slideIn();
		}); // . slideWrapper
		$(this).setStyle('display','none');
		$('collapseAll').setStyle('display','block');
	}); // expandAll
	
	// Collapse All by setting all the Mssg element to slideOut
	$('collapseAll').addEvent('click',function(e) {
		e.stop();
		$$('.slideWrapper').each(function(element, index) {
			var info  = element.getElement('.mssg');
			var thisSlide = new Fx.Slide(info);
			thisSlide.slideOut();
		}); // . slideWrapper
		$(this).setStyle('display','none');
		$('expandAll').setStyle('display','block');		
	}); // collapseAll
	

}); // dom