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