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

var myMorph = new Fx.Morph('navig1', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
  
$('navi1').addEvent('mouseover', function(e){
	new Event(e).stop();
 
	myMorph.start('.nav2');
 	onComplete: (function() {
							myMorph.start('.nav1');
						}).delay(2000);
 
});

$('navi1').addEvent('mouseout', function(e){
	new Event(e).stop();
 
	myMorph.start('.nav1');
 
});

var myMorph2 = new Fx.Morph('navig2', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
  
$('navi2').addEvent('mouseover', function(e){
	new Event(e).stop();
 
	myMorph2.start('.nav2');
 	onComplete: (function() {
							myMorph2.start('.nav1');
						}).delay(2000);
});

$('navi2').addEvent('mouseout', function(e){
	new Event(e).stop();
 
	myMorph2.start('.nav1');
 
});

var myMorph3 = new Fx.Morph('navig3', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
  
$('navi3').addEvent('mouseover', function(e){
	new Event(e).stop();
 
	myMorph3.start('.nav2');
 	onComplete: (function() {
							myMorph3.start('.nav1');
						}).delay(2000);
});

$('navi3').addEvent('mouseout', function(e){
	new Event(e).stop();
 
	myMorph3.start('.nav1');
 
});

var myMorph4 = new Fx.Morph('navig4', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
  
$('navi4').addEvent('mouseover', function(e){
	new Event(e).stop();
 
	myMorph4.start('.nav2');
 	onComplete: (function() {
							myMorph4.start('.nav1');
						}).delay(2000);
});

$('navi4').addEvent('mouseout', function(e){
	new Event(e).stop();
 
	myMorph4.start('.nav1');
 
});

});