$(document).ready(function() {

  var scene = new THREE.Scene();
  var camera = new THREE.PerspectiveCamera(45, 4 / 3, 0.1, 10000);
  var geometry = new THREE.BoxGeometry(25, 25, 25);
  var material = new THREE.MeshBasicMaterial({
      side: THREE.DoubleSide,
      map: new THREE.TextureLoader().load('mats/a.jpg'),
      transparent: true,
      opacity: 0.8
    })
    //var cube = new THREE.Mesh(geometry, material);
  var renderer = new THREE.WebGLRenderer({
    alpha: true
  });
  var axes = new THREE.AxesHelper(1000)

  var positions = [
    [10, 10, 10],
    [10, 35, 10],
    [10, 60, 10]
  ]

  var raycaster = new THREE.Raycaster();
  var mouseVector = new THREE.Vector2();

  //----------------------------------------------------------------------------

  $("#root").append(renderer.domElement);
  renderer.setClearColor(0xffffff, 0);
  renderer.setSize(window.innerWidth, window.innerHeight);



  for (var i = 0; i < positions.length; i++) {
    console.log("whatevs")
    var mesh = new THREE.Mesh(geometry, material);
    mesh.position.set(positions[i][0], positions[i][1], positions[i][2]); // pozycje z tablicy
    scene.add(mesh);
  }


  camera.position.set(150, 100, 100)
  camera.lookAt(scene.position)
  scene.add(axes)
    //scene.add(cube);

  $(document).mousedown(function(event) {
    var intersects = raycaster.intersectObjects(scene.children);
    mouseVector.x = (event.clientX / $(window).width()) * 2 - 1;
    mouseVector.y = -(event.clientY / $(window).height()) * 2 + 1;
    raycaster.setFromCamera(mouseVector, camera);

    if (intersects.length > 0) {
      console.log("siema");

      $(document).keydown(function(event) {
        var keyCode = event.which;
        console.log(keyCode); // wyloguj kod klawisza
        switch (keyCode) {
          case 37:
            console.log("left ");
            mesh.position.x -= 1;
            break;

          case 38:
            console.log("up");
            mesh.position.y += 1;
            break;

          case 39:
            console.log("right");
            mesh.position.x += 1;
            break;

          case 40:
            console.log("down");
            mesh.position.y -= 1;
            break;
        }
      })


      $(document).keyup(function(event) {
        var keyCode = event.which;
        console.log(keyCode); // wyloguj kod klawisza
        switch (keyCode) {
          case 37:
            console.log("left ");
            break;

          case 38:
            console.log("up");
            break;

          case 39:
            console.log("right");
            break;

          case 40:
            console.log("down");
            break;
        }
      })
    }
  })



  /*----------FUNKCJE---------*/

  function render() {
    requestAnimationFrame(render);
    renderer.render(scene, camera);
  }


  //------------------------------------------------------------------------------
  render();
})