(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) {
      if ( $(this).data('tsb') )
        return $(this).data('tsb').update(sScroll);
    };
    
    $.fn.scrollAdjust = function (sScroll) {
      if ( $(this).data('tsb') )
        return $(this).data('tsb').scrollAdjust(sScroll);
    };

    function Scrollbar(root, options) {
        var oSelf = this;
        var oWrapper = root;

        // define class names
        var viewportClass = 'jtec-scroll-viewport';
        var contentClass = 'jtec-scroll-overview';
        var scrollbarClass = 'jtec-scroll-scrollbar';
        var trackClass = 'jtec-scroll-track';
        var thumbClass = 'jtec-scroll-thumb';
        var endClass = 'jtec-scroll-end';

        // geenrate basic scrollbar requireement and append to root
        var baseHtml =
          '<div class="'+scrollbarClass+'"><div class="'+trackClass+'">'+
          '<div class="'+thumbClass+'"><div class="'+endClass+'"></div></div></div></div>';

        var wrapper = '<div class="'+viewportClass+'"><div class="'+contentClass+'">'+root.html()+'</div><div>';
        root.html(baseHtml + wrapper);

        var oViewport = {
            obj: $('.'+viewportClass, root)
        };
        var oContent = {
            obj: $('.'+contentClass, root)
        };
        var oScrollbar = {
            obj: $('.'+scrollbarClass, root)
        };
        var oTrack = {
            obj: $('.'+trackClass, oScrollbar.obj)
        };
        var oThumb = {
            obj: $('.'+thumbClass, oScrollbar.obj)
        };
        var sAxis = options.axis == 'x',
            sDirection = sAxis ? 'left' : 'top',
            sSize = sAxis ? 'Width' : 'Height',
            sMethod = sAxis ? 'scrollLeft' : 'scrollTop';
        var iScroll, iPosition = {
            start: 0,
            now: 0
        },
        
           iMouse = {};

        function initialize() {
            var viewportHeight = root.height();

            oViewport.obj.css('height', viewportHeight);
            
            var scope = root;
            oViewport.obj.scroll(function(event) { 
              scope.scrollAdjust(event);
            });
            oContent.obj.css('width', '100%');
            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;
        };
        
        this.scrollAdjust = function(oEvent) {
            if (!(oContent.ratio >= 1)) {
              iScroll = eval("oViewport.obj."+sMethod+"()") + parseInt(oContent.obj.css(sDirection))*(-1);
              oThumb.obj.css(sDirection, iScroll / oScrollbar.ratio);
            };
        }
        
        function normalize() {
          iScroll = eval("oViewport.obj."+sMethod+"()") + parseInt(oContent.obj.css(sDirection))*(-1);
          eval("oViewport.obj."+sMethod+"(0)");
          oContent.obj.css(sDirection, -iScroll);
          if ( typeof JTECEventTooltip !== 'undefined' ) {
            JTECEventTooltip.close();
          }
        }

        function wheel(oEvent) {
            normalize();
            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) {
            normalize();
            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();
    };
})(jtecQuery);