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

	var mnu_itms = $$( 'img.mnu-itm' );

	var mnu_fxsA = new Array();
	var mnu_fxsB = new Array();

	var myElement = '';

	for( var i = 0, l = mnu_itms.length; i < l; i++ ) {
		myElement = mnu_itms[ i ].getParent( '.mnu-item' ).id.toString();

		mnu_fxsA[ i ] = new Fx.Morph( $( myElement ),
									  { duration: 250, transition: Fx.Transitions.Quad.easeInOut } );
		mnu_fxsB[ i ] = new Fx.Morph( $( myElement + '-ftr' ),
									  { duration: 250, transition: Fx.Transitions.Quad.easeInOut } );

		// Mouse enter listener
		mnu_itms[ i ].addEvent( 'mouseenter', function( e ) {

			var idx = mnu_itms.indexOf( this );
			var lastidx = mnu_itms.indexOf( mnu_itms.getLast() );
			
    		var curEl = mnu_itms[ idx ].getParent( '.mnu-item' ).id.toString();
    		
    		if( idx > 0 ) {
				var prevEl = mnu_itms[ idx - 1 ].getParent( '.mnu-item' ).id.toString();
				$( prevEl ).setStyle( 'height', 64 );
				$( prevEl + '-ftr' ).setStyle( 'height', 5 );
			}
    		
    		if( idx < lastidx ) {
				var nextEl = mnu_itms[ idx + 1 ].getParent( '.mnu-item' ).id.toString();
				$( nextEl ).setStyle( 'height', 64 );
				$( nextEl + '-ftr' ).setStyle( 'height', 5 );
			}

			mnu_fxsA[ idx ].start( {
				height: 30
			} );
			
			mnu_fxsB[ idx ].start( {
				height: 39
			} );
	
			$( curEl + '-icn' ).setProperty( 'src', $( curEl + '-icn' ).getProperty( 'src' ).replace( "-off", "-on" ) );
	
		} );
	
		// Mouse leave listener
		mnu_itms[ i ].addEvent( 'mouseleave', function( e ) {
	
			var idx = mnu_itms.indexOf( this );
			var lastidx = mnu_itms.indexOf( mnu_itms.getLast() );
	
    		var curEl = mnu_itms[ idx ].getParent( '.mnu-item' ).id.toString();

			mnu_fxsA[ idx ].start( {
				height: 64
			} );
	
			mnu_fxsB[ idx ].start( {
				height: 5
			} );
	
			$( curEl + '-icn' ).setProperty( 'src', $( curEl + '-icn' ).getProperty( 'src' ).replace( "-on", "-off" ) );
	
		} );
    }


} );