var List=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: 400, transition: Fx.Transitions.Quart.easeOut});
		var overFx;
		this.list.each(function(item, i){
			self.heights[i]=self.content[i].getStyle("height").toInt();
			var background=item.getElement(".header").getStyle("background-image");
			
			item.addEvent('click', function(e){
				var obj = {};
				var header=item.getElement(".header");
				if(self.content[i].getStyle("height").toInt()==0){
					 obj[i] = {'height': [0, self.heights[i]]};
					 header.setStyles({"font-weight":"bold","background-image":background.replace("ArrowItemClose","ArrowItemOpen")});					 
					 self.content[i].setStyles({"margin-top":8,"margin-bottom":8});
				}
				else{
					obj[i] = {'height': [self.heights[i], 0]};
					header.setStyles({"font-weight":"normal","background-image":background.replace("ArrowItemOpen","ArrowItemClose")});
					self.content[i].setStyles({"margin-top":0});
				}
				fx.start(obj);				
			});			
			self.content[i].setStyles({"height":0});
		});		
	}
});
List.implement(new Events());