var SlideList=new Class({
initialize:function (el) {		
		this._el=el;
		this._list=el.getElements(".item")
		this._content=el.getElements(".body")
		this._heights=[];
		var self=this;
		
		var fx = new Fx.Elements(this._content, {wait: false, duration: 500});
		
		this._list.each(function(item, i){
			self._heights[i]=self._content[i].getStyle("height").toInt();			
			var expand=item.getElement(".expand");
			var img=item.getElement(".img");
			var header=item.getElement("h5");
			if(!header){
				header=item.getElement("h4");
			}
			expand.addEvent('click', function(e){
				self.show(i,expand,fx);
			});
			img.addEvent('click', function(e){
				self.show(i,expand,fx);
			});
			header.addEvent('click', function(e){
				self.show(i,expand,fx);
			});
			self._content[i].setStyles({"height":0});
		});		
	},
	show:function(index,expand,fx){
		var obj = {};
		if(this._content[index].getStyle("height").toInt()==0)	obj[index] = {'height': [0, this._heights[index]]};				
		else obj[index] = {'height': [this._heights[index], 0]};				
		expand.toggleClass("collapse");
		fx.start(obj);
	}
});
SlideList.implement(new Events());