function Bs_ScrollableDiv() {
	this.sliderObj;
	this.bwCheckObj;
	this.lastScrollTo = 0;
	this.containerObj;
	this.contentObj;
	this.containerElm;
	this.contentElm;
	this.sliderDivId;
	this.isActive = false;
	this.init = function(containerDivId, contentDivId) {
	this.bwCheckObj = lib_bwcheck();
	this.containerObj = new makeObj(this.bwCheckObj, containerDivId);
	this.contentObj   = new makeObj(this.bwCheckObj, contentDivId, containerDivId);
	this.contentObj.moveIt(0, 0);
	this.containerObj.css.visibility = "visible";
	this.containerElm = document.getElementById(containerDivId);
	this.contentElm   = document.getElementById(contentDivId);
	if (this.contentElm.attachEvent) {
		this.contentElm.Bs_ScrollableDiv = this;
		this.contentElm.attachEvent('onmousewheel', Bs_ScrollableDiv_onMouseWheel);
	}
}

	this.setSliderObject = function(sliderObj, sliderDivId) {
		sliderObj.useInputField = 0;
		sliderObj.attachOnChange(Bs_ScrollableDiv_sliderChange);
		this.sliderObj = sliderObj;
		if (this.sliderObj.height == 'auto') {
			this.sliderObj.height = this.containerElm.offsetHeight - (this.sliderObj._arrowIconLeftHeight + this.sliderObj._arrowIconRightHeight);
		}
		if (this.sliderObj.width == 'auto') {
			this.sliderObj.width = this.containerElm.offsetWidth - (this.sliderObj._arrowIconLeftWidth + this.sliderObj._arrowIconRightWidth);
		}
		this.sliderObj.Bs_ScrollableDiv = this;
		this.sliderDivId = sliderDivId;
		this.updateScrollableSpace();
	}
	
	this.setSlideSpeed = function(amount, unit) {
		this.sliderObj.valueInterval  = 0.1;
		this.sliderObj.arrowAmount    = amount * this.sliderObj.arrowKeepFiringTimeout /1000;this.sliderObj.minVal         = 0;
		if (this.sliderObj.direction == 0) {
			this.sliderObj.maxVal         = this.contentElm.scrollWidth - this.containerElm.offsetWidth;
		}
		else {
			this.sliderObj.maxVal         = this.contentElm.scrollHeight - this.containerElm.offsetHeight;
		}
		if (this.sliderObj.valueDefault > 0) {
			this.sliderObj.valueDefault = this.sliderObj.maxVal / 100 * this.sliderObj.valueDefault;
		}
		this.updateScrollableSpace();
	}
	
	this.setWheelSpeed = function(amount, unit) {
		this.sliderObj.wheelAmount    = amount;
	}

	this.updateScrollableSpace = function() {
		if (this.sliderObj.direction == 0) {
			var scrollableSpace = this.contentElm.offsetWidth - this.containerElm.offsetWidth;
		}
		else {
			var scrollableSpace = this.contentElm.offsetHeight - this.containerElm.offsetHeight;
		}
		if (this.sliderObj.maxVal == 'auto') {
			this.sliderObj.maxVal = scrollableSpace;
		}
		if (scrollableSpace > 0) {
			this.isActive = true;
			this.sliderObj.drawInto(this.sliderDivId);
			if (this.sliderObj.valueDefault != this.sliderObj.minVal) {
				this.bsSliderChange(this.sliderObj.valueDefault);
			}
		}
		else {
			this.isActive = false;
		}
	}
	
	this.onMouseWheel = function() {
		this.sliderObj.onMouseWheel();
	}
	
	this.bsSliderChange = function(val, newPos) {
		var percent = val * 100 / (this.sliderObj.maxVal - this.sliderObj.minVal);
		if (this.sliderObj.direction == 0) {
			var scrollableSpace = this.contentElm.offsetWidth  - this.containerElm.offsetWidth;
		}
		else {
			var scrollableSpace = this.contentElm.offsetHeight - this.containerElm.offsetHeight;
		}
		var scrollTo = parseInt(scrollableSpace * percent  / 100);
		if (scrollTo != this.lastScrollTo) {
			if (this.sliderObj.direction == 0) {
				this.contentObj.moveIt(-scrollTo, 0);
			}
			else {
				this.contentObj.moveIt(0, -scrollTo);
			}
			this.lastScrollTo = scrollTo;
		}
	}
}

function Bs_ScrollableDiv_onMouseWheel() {
	var obj   = window.event.srcElement;
	var gotIt = false;
	while (true) {
		if (typeof(obj.Bs_ScrollableDiv) != 'undefined') {
			gotIt = true;
			break;
		}
		if (typeof(obj.parentNode) == 'undefined') break;obj = obj.parentNode;
	}
	if (gotIt && obj.Bs_ScrollableDiv.isActive) {
		obj.Bs_ScrollableDiv.onMouseWheel();
		return false;
	}
	else {
		return true;
	}
}

function lib_bwcheck() {
	this.ver=navigator.appVersion;
	this.agent=navigator.userAgent;
	this.dom=(document.getElementById) ? 1 : 0;
	this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0;
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6;
	this.mac=this.agent.indexOf("Mac")>-1;
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5);
	bs_px_char = (this.ns4 || window.opera) ? "" : "px";
	return this;
}

function Bs_ScrollableDiv_moveIt(x,y) {
	this.x = x;
	this.y = y;
	this.css.left = this.x + bs_px_char;
	this.css.top  = this.y + bs_px_char;
}

function Bs_ScrollableDiv_sliderChange(sliderObj, val, newPos){
	sliderObj.Bs_ScrollableDiv.bsSliderChange(val, newPos);
}

function makeObj(bwCheckObj, obj, nest){
	nest=(!nest) ? "":'document.'+nest+'.';
	this.el=bwCheckObj.dom?document.getElementById(obj):bwCheckObj.ie4?document.all[obj]:bwCheckObj.ns4?eval(nest+'document.'+obj):0;
	this.css= (bwCheckObj.dom) ? document.getElementById(obj).style : (bwCheckObj.ie4) ? document.all[obj].style : (bwCheckObj.ns4) ? eval(nest+'document.'+obj) : 0;
	this.scrollHeight=bwCheckObj.ns4?this.css.document.height:this.el.offsetHeight;
	this.clipHeight=bwCheckObj.ns4?this.css.clip.height:this.el.offsetHeight;
	this.moveIt=Bs_ScrollableDiv_moveIt;
	this.x=0;
	this.y=0;
	this.obj = obj + "Object";
	eval(this.obj + "=this");
	return this;
}