// scrolling marquee area
Event.observe(window, 'load', function() {
	var tickerCount=0;
	tickerElements = $('tickerinner').childElements();
	tickerSize = $('tickerinner').getWidth();
	
	startTicker();
	
	function startTicker()
	{
		if (tickerCount >= tickerElements.length) { tickerCount=0; }
		for ( var i=0, len=tickerElements.length; i<len; ++i ){
			$(tickerElements[i]).setStyle({ left:0 })
		}
		fadeTickerIn(tickerElements[tickerCount]);
	}
	
	function fadeTickerIn(whichElement) {
		new Effect.Appear(whichElement, { duration: 0.25, afterFinish: moveTicker });
	}
	
	function moveTicker(whichElement) {
		var elementWidth = whichElement.element.getWidth();
		if(elementWidth >= tickerSize) {
			new Effect.Move(whichElement.element, { x: -300, y: 0, duration: 8.0, mode: 'relative', afterFinish: endMove });
		}
		else
		{
			new Effect.Fade(whichElement.element, { duration: 0.5, afterFinish: endTicker });
		}
	}
	
	function endMove(whichElement) {
		new Effect.Fade(whichElement.element, { duration: 0.25, afterFinish: endTicker });
	}
	
	function endTicker(whichElement) {
		tickerCount++;
		startTicker();
	}
	
});