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

		var list = $$('#index-pics img');
		list.each(function(element) {
		 	
			var fx = new Fx.Style(element, 'opacity').set(1);
			
			var fx = new Fx.Styles(element, {duration:400, wait:false});
			
			element.addEvent('mouseenter', function(){
				
				fx.start({
					'opacity': 0.5
				});	
			
			});
		 
			element.addEvent('mouseleave', function(){
				fx.start({
					'opacity': 1
				});
			});
		 
		});
	
	
		var myChain = new Chain();
 
			// Set opacity for all elements to zero ...
			$$('#index-pics img').each(function(element) {
				var navFx = new Fx.Style(element, 'opacity').set(0);
			});
 
			// ... then fade in again
			$$('#index-pics img').each(function(element) {
				myChain.chain( function() { var myFx = new Fx.Style(element, 'opacity', {duration:500}).start(0, 1); } )
			});
			(function(){myChain.callChain();}).periodical(500);
			
});