//Written by Nathan Faubion: http://n-son.com
//Use this or edit how you want, just give me
//some credit!
function jsScrollbar (o, s, a, ev) {
	var self = this;
	
	this.reset = function () {
		//Arguments that were passed
		this._parent = o;
		this._src    = s;
		this.auto    = a ? a : false;
		this.eventHandler = ev ? ev : function () {};
		//Component Objects
		this._up   = this._findComponent("Scrollbar-Up", this._parent);
		this._down = this._findComponent("Scrollbar-Down", this._parent);
		this._xTrack  = this._findComponent("Scrollbar-Track", this._parent);
		this._xHandle = this._findComponent("Scrollbar-Handle", this._xTrack);
		//Width and position properties
		this._trackLeft = findOffsetLeft(this._xTrack);
		this._trackWidth  = this._xTrack.offsetWidth;
		this._handleWidth = this._xHandle.offsetWidth;
		this._x = 0;
		this._x = 0;
		//Misc. variables
		this._scrollDist  = 5;
		this._scrollTimer = null;
		this._selectFunc  = null;
		this._grabPoint   = null;
		this._tempTarget  = null;
		this._tempDistX   = 0;
		this._tempDistY   = 0;
		this._disabled    = false;
		if (this._trackWidth == this._handleWidth) {
			this._ratio = 0.1 ;
		} else {
			this._ratio = (this._src.totalWidth - this._src.viewableWidth)/(this._trackWidth - this._handleWidth);
		}
		this._xHandle.ondragstart  = function () {return false;};
		this._xHandle.onmousedown = function () {return false;};
		this._addEvent(this._src.content, "mousewheel", this._scrollbarWheel);
		this._removeEvent(this._parent, "mousedown", this._scrollbarClick);
		this._addEvent(this._parent, "mousedown", this._scrollbarClick);
		
		this._src.reset();
		with (this._xHandle.style) {
			top  = "0px";
			left = "0px";
		}
		this._moveContent();
		
		if (this._src.totalWidth < this._src.viewableWidth) {
			this._disabled = true;
			this._xHandle.style.visibility = "hidden";
			if (this.auto) this._parent.style.visibility = "hidden";
		} else {
			this._disabled = false;
			this._xHandle.style.visibility = "visible";
			this._parent.style.visibility  = "visible";
		}
	};
	this._addEvent = function (o, t, f) {
		if (o.addEventListener) o.addEventListener(t, f, false);
		else if (o.attachEvent) o.attachEvent('on'+ t, f);
		else o['on'+ t] = f;
	};
	this._removeEvent = function (o, t, f) {
		if (o.removeEventListener) o.removeEventListener(t, f, false);
		else if (o.detachEvent) o.detachEvent('on'+ t, f);
		else o['on'+ t] = null;
	};
	this._findComponent = function (c, o) {
		var kids = o.childNodes;
		for (var i = 0; i < kids.length; i++) {
			if (kids[i].className && kids[i].className == c) {
				return kids[i];
			}
		}
	};
	//Thank you, Quirksmode
	function findOffsetTop (o) {
		var t = 0;
		if (o.offsetParent) {
			while (o.offsetParent) {
				t += o.offsetTop;
				o  = o.offsetParent;
			}
		}
		return t;
	};

	function findOffsetLeft (o) {
		var t = 0;
		if (o.offsetParent) {
			while (o.offsetParent) {
				t += o.offsetLeft;
				o  = o.offsetParent;
			}
		}
		return t;
	};

	this._scrollbarClick = function (e) {
		if (self._disabled) return false;
		
		e = e ? e : event;
		if (!e.target) e.target = e.srcElement;
		
		if (self._scrollTimer) window.clearInterval(self._scrollTimer);
		
		if (e.target.className.indexOf("Scrollbar-Up") > -1) self._scrollUp(e);
		else if (e.target.className.indexOf("Scrollbar-Down") > -1) self._scrollDown(e);
		else if (e.target.className.indexOf("Scrollbar-Track") > -1) self._scrollTrack(e);
		else if (e.target.className.indexOf("Scrollbar-Handle") > -1) self._scrollHandle(e);
		
		self._tempTarget = e.target;
		self._selectFunc = document.onselectstart;
		document.onselectstart = function () {return false;};
		
		self.eventHandler(e.target, "mousedown");
		self._addEvent(document, "mouseup", self._stopScroll, false);
		
		return false;
	};
	this._scrollbarDrag = function (e) {
		e = e ? e : event;
		var t = parseInt(self._xHandle.style.left);
		var v = e.clientX + document.body.scrollLeft - self._trackLeft;
		with (self._xHandle.style) {
			if (v >= self._trackWidth - self._handleWidth + self._grabPoint)
				left = self._trackWidth - self._handleWidth +"px";
			else if (v <= self._grabPoint) left = "0px";
			else left = v - self._grabPoint +"px";
			self._x = parseInt(left);
		}
		
		self._moveContent();
	};
	this._scrollbarWheel = function (e) {
		e = e ? e : event;
		var dir = 0;
		if (e.wheelDelta >= 120) dir = -1;
		if (e.wheelDelta <= -120) dir = 1;
		
		self.scrollBy(0, dir * 20);
		e.returnValue = false;
	};
	this._startScroll = function (x, y) {
		this._tempDistX = x;
		this._tempDistY = y;
		
		this._scrollTimer = window.setInterval(function () {
			self.scrollBy(self._tempDistX, self._tempDistY); 
		}, 40);
	};
	this._stopScroll = function () {
		self._removeEvent(document, "mousemove", self._scrollbarDrag, false);
		self._removeEvent(document, "mouseup", self._stopScroll, false);
		
		if (self._selectFunc) document.onselectstart = self._selectFunc;
		else document.onselectstart = function () { return true; };
		
		if (self._scrollTimer) window.clearInterval(self._scrollTimer);
		self.eventHandler (self._tempTarget, "mouseup");
	};
	this._scrollUp = function (e) {this._startScroll(-this._scrollDist, 0);};
	this._scrollDown = function (e) {this._startScroll(this._scrollDist, 0);};
	this._scrollTrack = function (e) {
		var curX = e.clientX + document.body.scrollLeft;
		this._scroll(curX - this._trackLeft - this._handleWidth/2, 0);
	};
	this._scrollHandle = function (e) {
		var curX = e.clientX + document.body.scrollLeft;
		this._grabPoint = curX - findOffsetLeft(this._xHandle);
		this._addEvent(document, "mousemove", this._scrollbarDrag, false);
	};
	this._scroll = function (x, y) {
	
		if (x > this._trackWidth - this._handleWidth) 
			x = this._trackWidth - this._handleWidth;
		if (x < 0) x = 0;
		
		this._xHandle.style.left = x +"px";
		this._x = x;
		
		this._moveContent();
	};
	this._moveContent = function () {
		this._src.scrollTo(Math.round(this._x * this._ratio), 0);
	};
	
	this.scrollBy = function (x, y) {
		this._scroll((-this._src._x + x)/this._ratio, 0);
	};
	this.scrollTo = function (x, y) {
		this._scroll(x/this._ratio, 0);
	};
	this.swapContent = function (o, w, h) {
		this._removeEvent(this._src.content, "mousewheel", this._scrollbarWheel, false);
		this._src.swapContent(o, w, h);
		this.reset();
	};
	
	this.reset();
};