
function DOC_Load_ServicesBox() {
	alert(0);

	var szNormal = 117, szSmall  = 100, szFull   = 219;
	 
	var Services = $$("#ulServices");
	var fx = new Fx.Elements(
		Services, 
		{
			wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut
		}
	);
	Services.each(
		function(Service, i) {
			Service.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = {width: [Service.getStyle("width").toInt(), szFull]}
				Services.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						if(w != szSmall) o[j] = {width: [w, szSmall]};
					}
				});
				fx.start(o);
			});
		}
	);
	 
	$("Services").addEvent(
		"mouseleave", 
		function(event) {
			var o = {};
			Services.each(
				function(Service, i) 
					{
						o[i] = {width: [Service.getStyle("width").toInt(), szNormal]}
					}
				);
			fx.start(o);
		}
	);
	
}
