document. = function(event)
      {
        var key = String.fromCharCode(event.keyCode);
        
        // when pressed 'L', move the cube scene node a bit up
        if (key == 'F' && cubeSceneNode)
          cubeSceneNode.Pos.Y += 5;
          
        // when pressed 'G', move the cube scene node a bit down
        if (key == 'G' && cubeSceneNode)
          cubeSceneNode.Pos.Y -= 5;
        
        // we need to call the key handler of the 3d engine as well, so that the user is
        // able to move the camera using the keys
        engine.handleKeyDown(event);
      };

	var engine = startCopperLichtFromFile('3darea', 'copperlichtdata/DnD.ccbjs');
			
	var cubeSceneNode = null;
	var canvas = document.getElementById('3darea');
      
	engine.ingComplete = function() 
	{          
		var scene = engine.getScene();
		if (scene)
		{
		  cubeSceneNode = scene.getSceneNodeFromName('yourBillboard');
		  
		  scene.setRedrawMode(CL3D.Scene.REDRAW_EVERY_FRAME);
		}
	}


	var draggingNode = null;
	var distance = 0;
	  
	canvas.on mousedown = function(event)
    {
        engine.handleMouseDown(event);
        
		var pos3d = engine.get3DPositionFrom2DPosition(engine.getMouseX(), engine.getMouseY());
		var cam = engine.getScene().getActiveCamera();
		
		var startLine = cam.getAbsolutePosition();
		var endLine = startLine.add(pos3d.substract(startLine).multiplyWithScal(2000));
			
		if (cubeSceneNode.getTransformedBoundingBox().intersectsWithLine(startLine, endLine))
		{
			draggingNode = cubeSceneNode;
			distance = startLine.getDistanceTo(cubeSceneNode.Pos);
		}
		else
			draggingNode = null;
	}

	canvas.on mousemove = function(event)
	{
		engine.handleMouseMove(event);

		if (draggingNode == null)
			return;
		
		var pos3d = engine.get3DPositionFrom2DPosition(engine.getMouseX(), engine.getMouseY());
		var cam = engine.getScene().getActiveCamera();
		var campos = cam.getAbsolutePosition();
		
		var vect = pos3d.substract(campos);
		vect.setLength(distance);
		
		draggingNode.Pos = vect.add(campos);
		draggingNode.updateAbsolutePosition();
	}

	canvas.on mouseup = function(event)  
	{
		engine.handleMouseUp(event);
		
		
		draggingNode = null;
	}