(function($) {
	$.tiny = $.tiny||{};
	$.tiny.scrollbar = {
		options:{
			axis:'y',
			wheel:40,
			scroll:true,
			size:'auto',
			sizethumb:'auto'
		}
	};
	$.fn.tinyscrollbar = function(options) {
		var options = $.extend({},$.tiny.scrollbar.options,options);
		this.each(function() {
			$(this).data('tsb',new Scrollbar($(this),options));
		});
		return this;
	};
	$.fn.tinyscrollbar_update = function(sScroll) {
		return $(this).data('tsb').update(sScroll);
	};
	function Scrollbar(root,options) {
		var oSelf = this;
		var oWrapper = root;
		var oViewport = {
			obj:$('.viewport',root)
		};
		var oContent = {
			obj:$('.overview',root)
		};
		var oScrollbar = {
			obj:$('.scrollbar',root)
		};
		var oTrack = {
			obj:$('.track',oScrollbar.obj)
		};
		var oThumb = {
			obj:$('.thumb',oScrollbar.obj)
		};
		var sAxis = options.axis == 'x',sDirection=sAxis ? 'left' : 'top',sSize=sAxis ? 'Width' : 'Height';
		var iScroll,iPosition = {start:0,now:0},iMouse={};
		function initialize() {
			oSelf.update();setEvents();
		return oSelf;
		}
		this.update = function(sScroll){
			oViewport[options.axis] = oViewport.obj[0]['offset' + sSize];
			oContent[options.axis] = oContent.obj[0]['scroll' + sSize];
			oContent.ratio = oViewport[options.axis]/oContent[options.axis];
			oScrollbar.obj.toggleClass('disable',oContent.ratio >= 1);
			oTrack[options.axis] = options.size == 'auto' ? oViewport[options.axis] : options.size;
			oThumb[options.axis] = Math.min(oTrack[options.axis],Math.max(0,(options.sizethumb=='auto' ? (oTrack[options.axis] * oContent.ratio) : options.sizethumb)));
			oScrollbar.ratio = options.sizethumb == 'auto' ? (oContent[options.axis]/oTrack[options.axis]) : (oContent[options.axis] - oViewport[options.axis]) / (oTrack[options.axis] - oThumb[options.axis]);
			iScroll = (sScroll == 'relative' && oContent.ratio <= 1) ? Math.min((oContent[options.axis] - oViewport[options.axis]),Math.max(0,iScroll)) : 0;
			iScroll = (sScroll == 'bottom' && oContent.ratio <= 1) ? (oContent[options.axis] - oViewport[options.axis]) : isNaN(parseInt(sScroll)) ? iScroll : parseInt(sScroll);
			setSize();
		};
		function setSize(){
			oThumb.obj.css(sDirection,iScroll/oScrollbar.ratio);
			oContent.obj.css(sDirection,-iScroll);
			iMouse['start'] = oThumb.obj.offset()[sDirection];
			var sCssSize=sSize.toLowerCase();
			oScrollbar.obj.css(sCssSize,oTrack[options.axis]);
			oTrack.obj.css(sCssSize,oTrack[options.axis]);
			oThumb.obj.css(sCssSize,oThumb[options.axis]);
		};
		function setEvents(){
			oThumb.obj.bind('mousedown',start);
			oThumb.obj[0].ontouchstart = function(oEvent){
				oEvent.preventDefault();
				oThumb.obj.unbind('mousedown');
				start(oEvent.touches[0]);
				return false;
		};
		oTrack.obj.bind('mouseup',drag);
		if (options.scroll && this.addEventListener) {
			oWrapper[0].addEventListener('DOMMouseScroll',wheel,false);
			oWrapper[0].addEventListener('mousewheel',wheel,false);
		}
		else if (options.scroll){
			oWrapper[0].onmousewheel = wheel;
		}
	};
	function start(oEvent) {
		iMouse.start = sAxis?oEvent.pageX:oEvent.pageY;
		var oThumbDir = parseInt(oThumb.obj.css(sDirection));
		iPosition.start = oThumbDir == 'auto' ? 0 : oThumbDir;
		$(document).bind('mousemove',drag);
		document.ontouchmove = function(oEvent) {
			$(document).unbind('mousemove');
			drag(oEvent.touches[0]);
		};
		$(document).bind('mouseup',end);
		oThumb.obj.bind('mouseup',end);
		oThumb.obj[0].ontouchend = document.ontouchend = function(oEvent) {
			$(document).unbind('mouseup');
			oThumb.obj.unbind('mouseup');
			end(oEvent.touches[0]);
		};
		return false;
	};
	function wheel(oEvent) {
		if (!(oContent.ratio >= 1)) {
			oEvent = $.event.fix(oEvent || window.event);
			var iDelta = oEvent.wheelDelta ? oEvent.wheelDelta/120 : -oEvent.detail/3;
			iScroll-=iDelta*options.wheel;
			iScroll = Math.min((oContent[options.axis]-oViewport[options.axis]),Math.max(0,iScroll));
			oThumb.obj.css(sDirection,iScroll/oScrollbar.ratio);
			oContent.obj.css(sDirection,-iScroll);oEvent.preventDefault();
		};
	};
	function end(oEvent) {
		$(document).unbind('mousemove',drag);
		$(document).unbind('mouseup',end);
		oThumb.obj.unbind('mouseup',end);
		document.ontouchmove = oThumb.obj[0].ontouchend = document.ontouchend = null;
		return false;
	};
	function drag(oEvent) {
		if (!(oContent.ratio >= 1)) {
			iPosition.now = Math.min((oTrack[options.axis]-oThumb[options.axis]),Math.max(0,(iPosition.start+((sAxis?oEvent.pageX:oEvent.pageY)-iMouse.start))));
			iScroll=iPosition.now*oScrollbar.ratio;oContent.obj.css(sDirection,-iScroll);oThumb.obj.css(sDirection,iPosition.now);
		;}
		return false;
	};
	return initialize();};
})(jQuery);