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

	var el1 = $('s1');
	var el2 = $('s2');
	var el3 = $('s3');
	var el4 = $('s4');
	
	$('s1').set('opacity', 1).addEvents({
		mouseenter: function(){
			el2.morph({	'opacity': 0.3,	});
			el3.morph({	'opacity': 0.3,	});
			el4.morph({	'opacity': 0.3,	});
		},
		mouseleave: function(){
			el2.morph({	opacity: 1,	});
			el3.morph({	opacity: 1,	});
			el4.morph({	opacity: 1,	});
		}
	});


	$('s2').set('opacity', 1).addEvents({
		mouseenter: function(){
			el1.morph({	'opacity': 0.3,	});
			el3.morph({	'opacity': 0.3,	});
			el4.morph({	'opacity': 0.3,	});
		},
		mouseleave: function(){
			el1.morph({	opacity: 1,	});
			el3.morph({	opacity: 1,	});
			el4.morph({	opacity: 1,	});
		}
	});
	

	$('s3').set('opacity', 1).addEvents({
		mouseenter: function(){
			el1.morph({	'opacity': 0.3,	});
			el2.morph({	'opacity': 0.3,	});
			el4.morph({	'opacity': 0.3,	});
		},
		mouseleave: function(){
			el1.morph({	opacity: 1,	});
			el2.morph({	opacity: 1,	});
			el4.morph({	opacity: 1,	});
		}
	});


	$('s4').set('opacity', 1).addEvents({
		mouseenter: function(){
			el1.morph({	'opacity': 0.3,	});
			el2.morph({	'opacity': 0.3,	});
			el3.morph({	'opacity': 0.3,	});
		},
		mouseleave: function(){
			el1.morph({	opacity: 1,	});
			el2.morph({	opacity: 1,	});
			el3.morph({	opacity: 1,	});
		}
	});
	
});