// JavaScript Document
function ticker(id){
	this.init = function(){
		this.interval = 25;
		this.scrollerEl = this.tickerEl.getElementsByTagName('div')[0];
		this.scrollerEl2 = this.scrollerEl.cloneNode(true);
		this.scrollerWidth = this.scrollerEl.offsetWidth;
		this.tickerWidth = this.tickerEl.offsetWidth;

		//this.scrollerEl.onmouseover = this.pause.bind(this);
		//this.scrollerEl.onmouseout = this.resume.bind(this);

		this.tickerEl.appendChild(this.scrollerEl2);

		this.scrollerEl.style.left = this.tickerWidth + 'px';
		this.scrollerEl2.style.left = this.tickerWidth + this.scrollerWidth + 'px';
	
		this.resume();
	};

	this.tick = function(){
		var remaining = this.scrollerWidth + this.scrollerEl.offsetLeft;
		var newX = 0;
		if(remaining > 0){
			newX = this.scrollerEl.offsetLeft - 1;
		}else{
			var tmp = this.scrollerEl;
			this.scrollerEl = this.scrollerEl2;
			this.scrollerEl2 = tmp;
			newX = 0;
		}
		this.scrollerEl.style.left = newX + 'px';
		this.scrollerEl2.style.left = this.scrollerWidth + newX + 'px';
		//debug(this.scrollerEl.offsetLeft);
	};

	this.resume = function(){
		var myT = this;
		this.timer = window.setInterval(function(){myT.tick();},this.interval);
	};

	this.pause = function(){
		window.clearInterval(this.timer);
	};

	this.tickerEl = $(id);
	this.init();
}

function debug(t){
	$('debug').innerHTML = t;
}