Ext.onReady( function()
{
	if ( $('fadingCovers') )
	{
		scroll( true );
	}
});

var dimensions;
var duration;

function scroll( init )
{
	if ( init === true )
	{
		// dublicate innerhtml
		var innerhtml = $('fadingCovers').innerHTML;
		$('fadingCovers').update( innerhtml + innerhtml + innerhtml );
		
		// get dimensions
		dimensions = $('fadingCovers').getDimensions();
		duration = Math.round(dimensions.height/50);
		dimensions = dimensions.height/-3;
	}
	else
	{
		new Effect.Move( 'fadingCovers', { x:0, y:0, mode:'absolute', duration: 0.0 } );
	}
	new Effect.Move( 'fadingCovers', { x:0, y:(dimensions), mode:'relative', duration: duration, afterFinish: scroll, transition:Effect.Transitions.linear } );
}