window.onload = init;

var tickerarea;
var tickertext;
var tickerareawidth;
var tickertextwidth;
var interval;

function init() {
	tickerarea = document.getElementById('tickerarea');
	tickertext = document.getElementById('tickertext');
	tickerareawidth = tickerarea.offsetWidth;
	tickertextwidth = tickertext.offsetWidth;
	//align and show
	tickertext.style.left = tickerareawidth + 'px';
	tickertext.style.visibility = 'visible';
	interval = setInterval('scroll()',25);
	tickertext.onmouseover = stop;
	tickertext.onmouseout  = resume;
}

function scroll() {
	tickerleft = parseInt(tickertext.style.left.replace(/px/, ''))
	if(tickertextwidth > tickerleft * (-1)) {
		tickerleft--;
		tickertext.style.left = tickerleft + 'px';
	} else {
		tickertext.style.left = tickerareawidth + 'px';
	}
}

function stop() {
	clearInterval(interval);
}

function resume(){
	interval = setInterval('scroll()',25);
}