window.addEvent('domready', function() {
	
	var myPages = $$('.page');
	var myBubbles = $$('.bubble');
	
	myBubbles.setStyle('opacity', 0);
	$('popups').setStyle('visibility','visible')
	
	myPages.each(function(el, i) {
		el.set('morph', {link : 'cancel'});
		
		el.addEvents({
			'mouseenter': function() {
				myBubbles[i].morph({
					'opacity' : 1,
					'margin-top' : '-15px'
				});
			},
			'mouseleave' : function() {
				myBubbles[i].morph({
					'opacity' : 0,
					'margin-top' : 0
				});
			}	
		});
	});
});