ÿþfunction ScrollBar(height, minimun, maximun, onScroll) {

	var stage = null;

	var upState = null;

	var downState = null;

	var hitTestState = null;

	var bg = null;

	var offsetX = 0;

	var offsetY = 0;

	var nHeight = 0;

	

	init();

	return stage;

	function scrollHandler(ev) {

		ev = ev || window.event;

		var dir = 0;

		if (ev.wheelDelta) {

			dir = ev.wheelDelta > 0 ? 1 : -1;

		}else if (ev.detail) {

			dir = ev.detail < 0 ? 1: -1;

		}

		var temp =  92/(maximun - minimun) * (height - 110);

		temp  = temp < 1 ? 1 : temp;

		temp *= dir;

		setState( (parseInt(hitTestState.style.top) + -temp));

	}

	function init() {

		document.onclick = function() {

		document.onmousewheel = scrollHandler;

		//document.onDOMMouseScroll = scrollHandler;

		if (document.addEventListener) {

			document.addEventListener('DOMMouseScroll',scrollHandler, false);

		}

		}

		stage = document.createElement("DIV");

		stage.style.width = "7px";

		stage.style.height = height+ "px";

		stage.style.position = "relative";

		

		bg = document.createElement("DIV");

		bg.style.width = "1px";

		bg.style.height = height + "px";

		bg.innerHTML = ""

		bg.style.backgroundColor = "#000";

		bg.style.marginLeft = "3px";

		bg.style.position = "absolute";

		stage.appendChild(bg);

		

		hitTestState = document.createElement("DIV");

		hitTestState.style.width = "7px";

		hitTestState.style.height = "90px";

		hitTestState.style.backgroundColor = "#C48502"

		hitTestState.style.position = "absolute";

		stage.appendChild(hitTestState);

		hitTestState.style.top = "10px";

		hitTestState.style.cursor = "pointer";

		

		hitTestState.onmousedown = function(ev) {

			offsetY = getMouse(ev)[1] - this.offsetTop;

			offsetX = getMouse(ev)[0] - this.offsetLeft;

			document.onmousemove = mousemove;

			document.onmouseup = mouseup;

			document.onselectstart = function() {return false};

		}	

	}

	

	function mousemove(ev) {

		var tmp = parseInt(getMouse(ev)[1] - offsetY);

		setState(tmp);

	}

	function setState(tmp) {

		

		if (tmp < 10) {

			tmp = 10;

		} else if (tmp > height - 100) {

			tmp = height - 100;

		}

		nHeight = tmp;

		hitTestState.style.top = tmp + "px";

		onScroll((maximun - minimun) * (tmp-10) / (height - 110));

	}

	function mouseup() {

		document.onselectstart = null;

		document.onmousemove = null;

		document.onmouseup = null;

	}

	

	function getMouse(ev) {

		var ev = ev || window.event;

		if (ev.x) {

			nx = ev.x;

			ny = ev.y;

		} else {

			nx = ev.pageX;

			ny = ev.pageY;

		}

		return [nx,ny];

	}

}