var sidebar = {
	
	start: function() {
		sidebar.setupSidebar();
	},
	
	setupSidebar: function() {
		var items = $ES( '#sidebar .item' );
		
		items.each( function( item, i ) {
			
			var hover = $E( 'div.hover', item );
			var hoverFX = hover.effects( { duration: 500, transition: Fx.Transitions.Sine.easeInOut, unit: 'em', wait: false } );
			
			item.addEvent( 'mouseenter', function( event ) {
				hoverFX.start({
						'width': [2,20]
				});
			});
			
			item.addEvent( 'mouseleave', function( event ) {
				hoverFX.start({
						'width': [20,2]
				});
			});
			
			return false;
		});
	}
	
}

window.addEvent( 'domready', sidebar.start );