// JavaScript Document

window.addEvent('domready',	function(){
	var services = $$("#service_list .index_info_centents");
	var services_view	=	$("service_list");
	var services_heights	=	[];
	services.each(	function(	item, index	) { 
		services_heights.push(	item.getStyle(	"height"	).toInt()	); 
	});
	var fx = new Fx.Elements(	services, {	wait: false, duration: 500, transition: Fx.Transitions.linear  	}	);
	var opening = false;
	services.each(	function(	item, i	) { 

		item.setStyle(	"height",	40	); 
		item.addEvents	(	{	'mouseenter'	:	function(){
									if(	!opening	){
										var o = {}; 
										opening = true;
										services.each(	function(	other, j	) { 
											if(	i !=	j	){
												if(	other.getStyle(	"height"	).toInt()	>	40	){
													o[	j	] = {	"height"	:	[	other.getStyle(	"height"	).toInt(),	40		]
																}

												}
											}else{
												o[	j	] = {	"height":[	40,	services_heights[	j	]	]
															}
											}
										});
										fx.start(	o	).chain(	function(){
											opening = false;
										}); 
									}
								}
							}
						);
	});
});


