title: load image to a cube three.js
body: <p>Hi I trying to load a image to a cube but i don't know what is wrong. The cube is fine but not the image.
  Here is the link: <a href="http://diegoddox.bitbucket.org/loadimage/" rel="nofollow">http://diegoddox.bitbucket.org/loadimage/</a></p>
  
  <pre><code>var scene, camera, renderer;
  renderer = new THREE.WebGLRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  renderer.setClearColorHex(0xeeeeee);
  renderer.clear();
  document.body.appendChild(renderer.domElement);
  scene = new THREE.Scene();
  camera = new THREE.PerspectiveCamera( 70, window.innerWidth/window.innerHeight, 0.1, 5000 );
  camera.position.z = 800;
  camera.lookAt(scene.position);
  scene.add(camera);
  var material = new THREE.MeshBasicMaterial({
      map: THREE.ImageUtils.loadTexture("img.jpg")
  });
  material.map.needsUpdate = true; 
  var cube = new THREE.Mesh(new THREE.CubeGeometry(300, 300, 300), material);
  cube.overdraw = true;
  cube.position.x = 0;
  cube.rotation.x = -20;
  cube.rotation.z = -2;
  scene.add(cube);
  renderer.render(scene, camera);
  </code></pre>