// Horixontal scrollbar
        var x = 0;
    
        function Decrement()
        {
            var mDiv = document.getElementById('scrollableDiv');
            var pDiv = document.getElementById('parentScrollDiv');
            
            m = mDiv.style.width.substr(0, mDiv.style.width.length - 2);
            p = pDiv.style.width.substr(0, pDiv.style.width.length - 2);
            
            if (x < p - m) return;
            //if (x > 10) return;
            
            x -= 10;
            mDiv.style.left = x + "px";
        }

        function Increment()
        {
            var mDiv = document.getElementById('scrollableDiv');
            var pDiv = document.getElementById('parentScrollDiv');
            
            m = mDiv.style.width.substr(0, mDiv.style.width.length - 2);
            p = pDiv.style.width.substr(0, pDiv.style.width.length - 2);
            
            if (x > -10) return;
            //if (x < p - m) return;
            
            x += 10;
            mDiv.style.left = x + "px";
        }
        
        function MoveLeftMouseDown()
        {
            movingleft = setInterval("Decrement()", 10);
        }
        
        function MoveLeftMouseUp()
        {
            clearInterval(movingleft);
        }
        
        function MoveRightMouseDown()
        {
            movingright = setInterval("Increment()", 10);
        }
        
        function MoveRightMouseUp()
        {
            clearInterval(movingright);
        }