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

$('refImageWrapper').setOpacity(1.0);

var refListLinks = $$('div#refList a');
var refListImages = $$('div.s2referencesHome div.refImage');

id = new Array();
refListImages.each(function(element){
					element.setOpacity(0.0);
				});


refListLinks.each(function(element){
				id[element] = element.getProperty('class');
				id[element] = id[element].slice(5, id[element].length);
				$$('div.image-'+id[element]).setProperty('id', 'image-'+id[element]);
				
				element.addEvent('mouseenter',function(){	
					$('image-'+id[element]).effect('opacity', {duration: 100, transition: Fx.Transitions.linear}).start(0,0.99);
				})
				
				element.addEvent('mouseleave',function(){
					$('image-'+id[element]).effect('opacity', {duration: 500, transition: Fx.Transitions.linear}).start(0.99,0);
				})
			});
  
});