function addPageEvents(page, color, over_color){
	var content = page.getChildren('.content')[0];

	if(content != null && !page.hasClass('fake1') && !page.hasClass('fake2') && !page.hasClass('fake3')){
		var fx = new Fx.Morph(content, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});

		page.addEvent('mouseover', function(e){
			resetPages();
			this.setStyle('z-index', 400);
			fx.cancel();
			fx.start({ 'background-color': over_color });
			e.stop();
		});

		page.addEvent('mouseleave', function(e){
			fx.cancel();
			fx.start({ 'background-color': color });
			e.stop();
		});
	}
	
}