(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);