/*
	eclipse-creative.com
	13/01/2009 ashd / tomc 
	
	Script for animated menu elements
*/
window.addEvent('domready',function(){
	items = $$('#menu_box li');
	for( i = 0; i != items.length; ++i ){
		
		items[i].origMargin = items[i].getStyle( 'margin-top' );
		
		items[i].addEvent('mouseenter', function(){
			this.set('tween', {duration:300, transition:Fx.Transitions.Pow.easeOut, fps:30} ).tween('margin-top', '0px');
			this.addClass('over');
		});
		
		items[i].addEvent('mouseleave', function(){
			this.set('tween', {duration:300, transition:Fx.Transitions.Pow.easeOut, fps:30} ).tween('margin-top', this.origMargin);
			this.removeClass('over');
		});
		
	}
});