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

	var fan01 = $('fantom01');
	var fan02 = $('fantom02');
	var fan03 = $('fantom03');
	var fan04 = $('fantom04');
	var fan05 = $('fantom05');

	var phsVerticalSlide = new Fx.Slide('navlist').hide();

	$('navigation').addEvent('mouseenter', function(e){
		e.stop();
		phsVerticalSlide.slideIn();
		fan01.set('opacity', 0);
		fan02.set('opacity', 0);
		fan03.set('opacity', 0);
		fan04.set('opacity', 0);
		fan05.set('opacity', 0);


	});

	$('navigation').addEvent('mouseleave', function(e){
		e.stop();
		phsVerticalSlide.slideOut();
	    });
	
	
	$('navigation01').addEvent('mouseenter', function(e){
		e.stop();
		fan01.set('opacity', 0);
		fan01.setStyle('visibility', 'visible');
		fan01.fade(1);
	    });

	$('navigation01').addEvent('mouseleave', function(e){
		e.stop();
		fan01.fade(0);
	    });
	

	$('navigation02').addEvent('mouseenter', function(e){
		e.stop();
		fan02.set('opacity', 0);
		fan02.setStyle('visibility', 'visible');
		fan02.fade(1);
	    });

	$('navigation02').addEvent('mouseleave', function(e){
		e.stop();
		fan02.fade(0);
	    });
	

	$('navigation03').addEvent('mouseenter', function(e){
		e.stop();
		fan03.set('opacity', 0);
		fan03.setStyle('visibility', 'visible');
		fan03.fade(1);
	    });

	$('navigation03').addEvent('mouseleave', function(e){
		e.stop();
		fan03.fade(0);
	    });
	

	$('navigation04').addEvent('mouseenter', function(e){
		e.stop();
		fan04.set('opacity', 0);
		fan04.setStyle('visibility', 'visible');
		fan04.fade(1);
	    });

	$('navigation04').addEvent('mouseleave', function(e){
		e.stop();
		fan04.fade(0);
	    });
	

	$('navigation05').addEvent('mouseenter', function(e){
		e.stop();
		fan05.set('opacity', 0);
		fan05.setStyle('visibility', 'visible');
		fan05.fade(1);
	    });

	$('navigation05').addEvent('mouseleave', function(e){
		e.stop();
		fan05.fade(0);
	    });
	







});