title: Mouse coordinates irrelevant after zooming, is it bug?
body: <p>I have a problem about getting the mouse coordinates, it behaves irrelevant after zooming. </p>
  
  <p>I have a JS fiddle link of my code, it will show what the problem I face, is it bug in <code>three.js</code> or the way I approach to draw a line is wrong, please give your feedback.</p>
  
  <p><a href="http://jsfiddle.net/ebeit303/ceej4jxq/1/" rel="nofollow">http://jsfiddle.net/ebeit303/ceej4jxq/1/</a></p>
  
  <pre><code>var elem = self.renderer.domElement,
                  boundingRect = elem.getBoundingClientRect(),
                  x = (e.clientX - boundingRect.left) * (elem.width / boundingRect.width),
                  y = (e.clientY - boundingRect.top) * (elem.height / boundingRect.height);
  var vector = new THREE.Vector3((x / $("container").width()) * 2 - 1, -(y / $("container").height()) * 2 + 1, 0.5);
  var pos = projector.unprojectVector(vector, camera);
  
  var dir = pos.clone().sub(camera.position).normalize().multiplyScalar(-1);
  var distance = camera.position.z / dir.z;     
  var pos1 = camera.position.clone().sub(dir.multiplyScalar(distance));
  </code></pre>
  
  <p>Thanks in advance..</p>