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

	$$('.navi li').each(function(e) {

		var img = e.getElement('img');
		img.set('morph', {duration: 500, transition: 'bounce:out'});

		e.addEvents({
			mouseenter: function(){
				img.morph({
					top: '-30px'
				});
			},
			mouseleave: function(){
				img.morph({
					top: '0px'
				});
			}
		});

	});

	$$('.navi li.active').removeEvents();

	var accordion = new Accordion($('accordion'), '.toggler', '.element', {
		display: 0,
		alwaysHide: true,
		opacity: true,
		onActive: function(toggler, element){
			toggler.addClass('active');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('active');
		}
	});

});