window.addEvent('domready', function(){


$$('a.menu').set('morph', {duration: 'short'});

	// Or we just use Element.morph
	$$('a.menu').addEvent('mouseenter', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.big');
	});
		$$('a.menu').addEvent('mouseleave', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.normal');
	});
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#dd2917');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#737373');
		}
	});

	var otherEl = $('myOtherElement');
	
	$('heightEffect').addEvent('click', function(){
		otherEl.tween('height', 1);
		
		return false; // alternative syntax to stop the event
	});

});