var IE = document.all?true:false
    if (!IE) document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove = getMouseXY;
   
    document.onmouseup = myMouseUpHandler;

    function myMouseUpHandler(){
      unsetControlled();
    }

    // Temporary variables to hold mouse x-y pos.s
    var tempX = 0
    var tempY = 0

    function getMouseXY(e) {
      if (IE) { // grab the x-y pos.s if browser is IE
        tempX = event.clientX + document.body.scrollLeft
        tempY = event.clientY + document.body.scrollTop
      } else {  // grab the x-y pos.s if browser is NS
        tempX = e.pageX
        tempY = e.pageY
      }  
      // catch possible negative values in NS4
      if (tempX < 0){tempX = 0}
      if (tempY < 0){tempY = 0}  
      
      mouseMoves();
      
      return true
    }        
    
    
    var controlled = false;
    var value = 0;
    var mouseInitialY = 0;
    
    function setControlled()
    {
      controlled = true;
      mouseInitialY = tempY;
    }
    
    function unsetControlled()
    {
      controlled = false;
    }
    
    function mouseMoves()
    {
      
      if (controlled)
      {
        var difference = tempY - mouseInitialY;
        var position = parseInt(document.getElementById('scrollIMG').style.top, 10) + (difference);
        
        if (position > 360)
          position = 360;
          
        if (position < 0)
          position = 0;
          
        // move new scroller
        var percentage = (position / 360) * 100;
        document.getElementById('scrollIMG').style.top = position;
        
        mouseInitialY = tempY;
        
        //scroll page
        var contentHeight = document.getElementById('contentInside').offsetHeight;
        var newScrollPos = (position / 360) * (contentHeight - 400);
        document.getElementById('content').scrollTop = newScrollPos;
      }
    }
    
    document.getElementById('scrollIMG').ondragstart="return false;"