function BannerScroll () {
	this.self = this;
	this.pause = false;
	this.step = 1;
	this.speed = 20;
	this.usePadding = false;
}
BannerScroll.prototype.init = function (elementId) {
	var self = this.self;
	try {
		self.el = document.getElementById(elementId);
		var w = self.el.offsetWidth;
		var h = self.el.offsetHeight;
		var a = self.el.getElementsByTagName('div');
		c = a[0];
		if (this.usePadding) {
			self.spaceBefore = document.createElement("span");
			self.spaceBefore.style.width = w + "px";
			self.spaceBefore.style.display = "inline-block";
			self.spaceBefore = self.el.insertBefore(self.spaceBefore, self.el.firstChild);
			self.spaceAfter = document.createElement("span");
			self.spaceAfter.style.width = w + "px";
			self.spaceAfter.style.display = "inline-block";
			self.spaceAfter = self.el.appendChild(self.spaceAfter);
		}
	} catch (e) {
		console.log(e);
		return;
	}
 	c.style.visibility = "visible";
	self.el.style.overflow = "hidden";
	self.el.style.whiteSpace = "nowrap";
// 	self.el.onmouseover = function() {self.slowDown()};
// 	self.el.onmouseout = function() {self.speedUp()};
	self.start();
};
BannerScroll.prototype.move = function () {
	var self = this.self;
	if (self.pause) {
		return;
	}
	var el = self.el;
	el.scrollLeft = el.scrollLeft + self.step;
	if (el.scrollLeft == self.lastScroll) {
		el.scrollLeft = 0;
	}
	self.lastScroll = el.scrollLeft;
	window.setTimeout(function () {
		self.move()
		}, self.speed);
};
BannerScroll.prototype.stop = function () {
	this.pause = true;
}
BannerScroll.prototype.start = function () {
	this.pause = false;
	this.move();
}
BannerScroll.prototype.slowDown = function () {
	this.normalSpeed = this.speed;
	this.speed = 60;
}
BannerScroll.prototype.speedUp = function () {
	this.speed = this.normalSpeed;
}
BannerScroll.prototype.addLoadEvent = function(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
};