Event.observe(window, 'load', function () {
	Element.addClassName($$('body')[0], 'fx-enabled');

	var pending = false;

	$$('ul.clients-category ul li img').each(function(img) {
		Event.observe(img, 'mouseover', function() {
			if (!pending) {
				pending = true;
				var imgs = img.parentNode.parentNode.getElementsByTagName('img');
				for (var i=0; i<imgs.length; i++) {
					if (imgs[i] != img) new Effect.Opacity(imgs[i], {duration: 0.1, to: 0.5});
				}
				new Effect.Opacity(img, {duration: 0.1, to: 1});
				pending = false;
			}
		});
		Event.observe(img, 'mouseout', function() {
			if (!pending) {
				pending = true;
				var imgs = img.parentNode.parentNode.getElementsByTagName('img');
				for (var i=0; i<imgs.length; i++) {
					if (imgs[i] != img) new Effect.Opacity(imgs[i], {duration: 0.1, to:1});
				}
				pending = false;
			}
		});

	});
});