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

	var el = $('myElement');

	var box1 = $('box1');
	var box2 = $('box2');
	var box3 = $('box3');
	var box4 = $('box4');

	var morph = new Fx.Morph('anotherElement');

	$('box1hover').addEvent('mouseenter', function(e) {e.stop();box1.morph('.style2');});	
	$('box1hover').addEvent('mouseleave', function(e) {e.stop();box1.morph('.style1');});

	$('box2hover').addEvent('mouseenter', function(e) {e.stop();box2.morph('.style2');});	
	$('box2hover').addEvent('mouseleave', function(e) {e.stop();box2.morph('.style1');});

	$('box3hover').addEvent('mouseenter', function(e) {e.stop();box3.morph('.style2');});	
	$('box3hover').addEvent('mouseleave', function(e) {e.stop();box3.morph('.style1');});

	$('box4hover').addEvent('mouseenter', function(e) {e.stop();box4.morph('.style2');});	
	$('box4hover').addEvent('mouseleave', function(e) {e.stop();box4.morph('.style1');});
	
});