window.addEvent('domready', function() {
	
	//SET THE TIME OF ONE ANIMATION CYCLE HERE (IN MILLI SECS)
	var tickerDuration = 20000;
	
	var tickerCont = $('tickerCont');		
	var tickerDiv = $('tickerDiv');	
	var tickerTween = new Fx.Tween(tickerDiv, {duration:tickerDuration, transition:'linear'});
	
	//position the tickerDiv on the left border of the container;
	tickerTween.set('margin-left',  tickerCont.getStyle('width').toInt() );
	
	//calc the value where the tickerDiv has to tween to
	var tweenTo = - tickerDiv.getStyle('width').toInt();
	
	//alert(tweenTo);
	
	tickerTween.start('margin-left', tweenTo);
	
	// on mouse over, pause the tween
	tickerCont.addEvent('mouseover', function(e){
		e.stop();
		tickerTween.pause();
	});
	
	// on mouse out, resume the tween
	tickerCont.addEvent('mouseout', function(e){
		e.stop();
		tickerTween.resume();		
	});
	
	//add on complete event, that it restarts
	tickerTween.addEvent('complete', function() {
		tickerTween.set('margin-left',  tickerCont.getStyle('width').toInt() );
		tickerTween.start('margin-left', tweenTo);
	});
});