Event.observe(window, 'load', function() {
	var highlights = $$('.highlights');
	
	$$('.highlights').invoke('setStyle', { opacity: 0 });
	$$('#highlightsContainer').invoke('setStyle', { visibility: 'visible' });
	
	$$('.pages').each(function(v, i) {
		Event.observe(v, 'mouseover', function(event) {
			Event.stop(event);
			new Effect.Morph(highlights[i], {
				style: 'opacity: 1; margin-top: -15px;',
				duration: 0.5
			});
		});
		Event.observe(v, 'mouseout', function(event) {
			Event.stop(event);
			new Effect.Morph(highlights[i], {
				style: 'opacity: 0; margin-top: 0px;',
				duration: 0.5
			});
		});
	});
});