Effect.Explode = function(element) {
	element = $(element);
		
	new Effect.Parallel([
							new Effect.Move(element.down('.topnav_title'), { x: 0, y: 5, mode: 'absolute' }),
							new Effect.Appear(element.down('.topnav_subtitle'))
						], { duration: 0.5 });
}

Effect.Implode = function(element) {
	element = $(element);
	
	new Effect.Parallel([
							new Effect.Move(element.down('.topnav_title'), { x: 0, y: 15, mode: 'absolute' }),
							new Effect.Fade(element.down('.topnav_subtitle'))
						], { duration: 0.5 });
}

document.observe('dom:loaded', function() {
	$$(".nav_entry").each(function(nav_entry) {
		nav_entry.observe('mouseenter', function() { Effect.Explode(this); })
		nav_entry.observe('mouseleave', function() { Effect.Implode(this); })
		Effect.Implode(nav_entry);
	});
	
});