var gxScroller =
{

	addCssProperty : function (element, property, value)
	{
		if (value != 'nullpx')
			element.style[property] = value;
	},

	setStatusMessage : function (message)
	{
		window.status = message;
	},

	addScroller : function (element, width, padding)
	{
		if (this.e == null)
		{
			this.e = {};
		}

		this.e[element] =
		{
			element  	: (typeof element == 'object') ? element : document.getElementById(element),
			top		: 0,
			left		: padding,
			displayHeight	: 180,
			allDisplays	: 0,
			steps		: null,
			displayCount	: 0,
			newValue	: null,
			currentValue	: null,
			valueDifferenz	: null,
			stoppFeadback	: false,
			interval	: null
		};

		var obj = (this.e[element]['element'].firstChild.tagName == null) ? this.e[element]['element'].childNodes[1] : this.e[element]['element'].firstChild;
		var tds = obj.getElementsByTagName('td');

		this.addCssProperty(this.e[element]['element'], 'width', width + 'px');
		this.addCssProperty(this.e[element]['element'], 'position', 'relative');
		this.addCssProperty(this.e[element]['element'], 'overflow', 'hidden');

		this.addCssProperty(obj, 'position', 'relative');
		this.addCssProperty(obj, 'left', padding + 'px');
		this.addCssProperty(obj, 'top', '0px');
		this.addCssProperty(obj, 'width', (width - (padding * 2)) + 'px');

		for(var x = 0; x < tds.length; ++x)
		{
			if (this.e[element]['displayHeight'] < (tds[x].offsetHeight  + (padding * 2)))
			{
					this.e[element]['displayHeight'] = tds[x].offsetHeight + (padding * 2);
			}
		}

		for(var y = -1, x = 0; x < tds.length; ++x)
		{
			this.addCssProperty(tds[x], 'height', this.e[element]['displayHeight'] - ((!window.opera && document.all) ? 6 : 2) + 'px');
			this.addCssProperty(tds[x], 'cursor', 'pointer');

			tds[x].element = element;
			tds[x].onmouseover = function () {
				gxScroller.e[element]['stoppFeadback'] = true;
			};

			tds[x].onmouseout = function () {
				gxScroller.e[element]['stoppFeadback'] = false;
			};
		}

		this.addCssProperty(this.e[element]['element'], 'height', this.e[element]['displayHeight'] + 'px');
		this.e[element]['allDisplays'] 	= tds.length;
		this.e[element]['element'] 	= obj;
	},

	easeOutQuint : function (t, b, c, d)
	{
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
	},

	initScrolling : function (element, duration, stoppTime)
	{

		if(arguments[3] == null)
		{
                  
			window.clearTimeout(this.e[element]['interval']);
			this.e[element]['steps']		= 0;
			this.e[element]['newValue']	        = -(this.e[element]['displayHeight'] * this.e[element]['displayCount']) - ((!window.opera && document.all) ? 1 : 0);
			this.e[element]['currentValue']		= parseInt(this.e[element]['element'].style.top);
			this.e[element]['valueDifferenz']	= this.e[element]['newValue'] - this.e[element]['currentValue'];
			this.e[element]['interval']		= null;

		}

		if(this.e[element]['steps'] < duration)
		{
			this.e[element]['element'].style.top = this.easeOutQuint(this.e[element]['steps'], this.e[element]['currentValue'], this.e[element]['valueDifferenz'], duration) + 'px';
			if (!this.e[element]['stoppFeadback'])
			{
				this.e[element]['steps']++;
			}
			this.e[element]['interval'] = window.setTimeout('gxScroller.initScrolling("' + element + '", ' + duration + ', ' + stoppTime + ', true)', 10);
		}
		else
		{
			if (++this.e[element]['displayCount'] < this.e[element]['allDisplays'])
			{
				window.clearTimeout(this.e[element]['interval']);
				window.setTimeout('new Function("", gxScroller.initScrolling("' + element + '", ' + duration + ', ' + stoppTime + '))', stoppTime * 1000);
			}
			else
			{

				this.e[element]['steps'] 		= 0;
				this.e[element]['displayCount']		= 0;
				this.e[element]['newValue']		= 0;
				this.e[element]['currentValue'] 	= 0;
				this.e[element]['valueDifferenz'] 	= 0;
				this.e[element]['interval']		= null;
				window.setTimeout('new Function("", gxScroller.initScrolling("' + element + '", ' + duration + ', ' + stoppTime + ', true))', stoppTime * 0);
			}
		}
	}
}


gxScroller.addScroller('scroller', 310, 2);
gxScroller.initScrolling('scroller', 60, 5);