// Add an event to the window 'domready' which will be fired when the document is ready for manipulation:
window.addEvent('domready', function(){
		// Search the body of the document for all images with the css class bottomMenu, add the following events:
		$(document.body).getElements('img.bottomMenuImage').addEvents({
			// mouseenter - fires when the mouse enters
			'mouseenter': function(){
				// setup the morph function - long duration, ease the transition with an outward bounce
				// then fire the morph to bottomMenuHover
				//alert(this);
				this.set('morph', {duration: 'long', transition: 'bounce:out'});
				this.morph('img.bottomMenuImageHover');
			},
			// mouseleave - fires when the mouse leaves
			'mouseleave': function(){
				// as above, short morph this time
				this.set('morph', {duration: 'short'});
				this.morph('img.bottomMenuImage');
			}
		});
		$(document.body).getElements('div.topMenu td').addEvents({
			'mouseenter': function(){
				this.addClass('topMenuHover');
			},
			'mouseleave': function(){
				this.removeClass('topMenuHover');
			}
		});
		
});