window.addEvent('domready', function(){

	var cats = $('mondriaan').getElements('a');
	cats.each(function(el){
	// image	
		var i_over = '/' + el.get('id') + '_over.jpg';
		new Asset.image(i_over, {id: el.get('id') + '_over'});
		var i_img = el.getElement('img');
		el.adopt(new Element('img', {src: i_over, width:i_img.get('width'), height:i_img.get('height'), alt: i_img.get('alt')}).setStyles({'opacity': 0, 'z-index': 2}));
	// label
		el.adopt(new Element('span', {html: el.get('title')}).setStyles({'opacity': 0, 'z-index': 2}));	
	// events
		el.addEvent('mouseenter', function(){								   
			el.getLast().getPrevious().fade('in');
			el.getLast().fade('in');
		});
		el.addEvent('mouseleave', function(){								   
			el.getLast().getPrevious().fade('out');										   
			el.getLast().fade('out');										   
		});
	});

});