Event.observe(window, 'load', function() {

	$$("img[class=highlightArticelIcon]").each(function(item) {
		$(item).setStyle({
		  opacity: 0.8
		});
	});

	$$("img[class=highlightArticelIcon]").each(function(item) {
		Event.observe(item,'mouseover', function(e) {
			var element = Event.element(e);
			var queue = Effect.Queues.get('artEffects'+element.identify());
			queue.each(function(effect) { effect.cancel(); });



			element.fade({ duration: 0.5, from: 0.6, to: 1, queue: { position: 'end', scope: 'artEffectsIn'+element.identify() } });
		});
		Event.observe(item,'mouseout', function(e) {
			var element = Event.element(e);
			var queue = Effect.Queues.get('artEffectsIn'+element.identify());
			queue.each(function(effect) { effect.cancel(); });

			element.appear({ duration: 0.5, from: 1, to: 0.6, queue: { position: 'end', scope: 'artEffects'+element.identify() } });
		});
	});
});