/**
 * @author jens ;o)
 */
window.addEvent('domready', function(){

	// Hide all the spans if Javascript is enabled, otherwise, show the flags...
	$$('span').each(function(element) {
		element.setStyles({	display:'none'});
	});

	$$('a img').each(function(element) {
	 
		var fx = new Fx.Styles(element, {wait:false, duration: 300});
	
		element.setOpacity(0.5);

		element.addEvent('mouseover', function(){
			fx.start({'opacity': 1});
		});
	 
		element.addEvent('mouseout', function(){
			fx.start({'opacity': 0.5});
		});
	});

});