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

	$$('.navi td').each(function(e) {

		var img = e.getElement('img');
		img.set('morph', {duration: 250});

		e.addEvents({
			mouseenter: function(){
				img.setStyles({opacity: 0, top: -60}).morph({
					'opacity': 1
				});
			},
			mouseleave: function(){
				img.setStyles({opacity: 0, top: 0}).morph({
					'opacity': 1
				});
			}
		});

	});

	$$('.navi td.active').removeEvents();
	
	
	
	$$('img.home').set('morph', {duration: 250}).addEvents({
		mouseenter: function(){
			this.morph({
				'opacity': 0.5
			});
		},
		mouseleave: function(){
			this.morph({
				'opacity': 1
			});
		}
	});


});