title: scroll other scrollbars with scrollbar
body: <p>i have 3 divs with scrollbars.
  If i scroll in div 1 i want to scroll div 2 and 3 in the opposite direction.
  The distance scrolled should be half the distance of div 1.</p>
  
  <p>This is what i have now (small part, rest is in jsfiddle), which works for 1 div.</p>
  
  <pre><code>$("#textBox1").scroll(function () {
          console.log("scroll 1");
          var offset = $("#textBox1").scrollTop() - scrollPosTBox1;
          var half_offset = offset/2.0;
  
          disable1 = true;
  
          if(disable2 == false) {
              $("#textBox2").scrollTop(scrollPosTBox2 - half_offset);
          }
          if(disable3 == false) {
              $("#textBox3").scrollTop(scrollPosTBox3 - half_offset);
          }    
          disable1 = false;
  
  
      });
  </code></pre>
  
  <p>However, if i try to get the same for the other 2 divs then i can't scroll anything anymore.
  This is because div 1 triggers div 2 and div 2 triggers back to div 1 for example.
  I tried to fix this with the disable code but it doesn't help.</p>
  
  <p>Can someone help me?</p>
  
  <p><a href="http://jsfiddle.net/XmYh5/1/" rel="nofollow">http://jsfiddle.net/XmYh5/1/</a></p>