var scrollFX, fadeFX;
var targetTop;

window.addEvent('domready', function(){
	
	fadeFX = new Fx.Style('scroller_content', 'opacity', {duration: 500});
	
	scrollFX = new Fx.Style("scroller_content", "top", {
		duration: 30000
		, transition: Fx.Transitions.linear
		, onComplete: function(){
			
			// fade out
			fadeFX.start.delay(2000, fadeFX, 0);
			
			// reset to top
			this.element.setStyle.delay(2500, this.element, ['top', 0]);
			
			// fade in
			fadeFX.start.delay(3000, fadeFX, 1);
			
			// restart scroll
			this.start.delay(5000, this, [0, targetTop]);
		}

	});
	
	
	var contentSize = $("scroller_content").getSize();
	var containerSize = $("scroller_container").getSize();
	targetTop = containerSize.size.y - contentSize.size.y;			
	scrollFX.start.delay(2000, scrollFX, [0, targetTop]);
});