I'm trying to use a diy controller from de controlP5 library examples for controlling the camera in OpenGL. The diy controller works fine without adding the camera function and prints nicely on top of 3d. Only once I add the camerafunction it doesn't print the diy controller on top of 3d but inside 3d. How can I correct this?

I used the following code:

2. /*
3. 
   
4. Gemaakt door Willem den Hollander
5. */
6. import processing.opengl.*;
7. import controlP5.*;          //library for graphic interface
8. 
   
9. //declaring a datafield
10. Datafield field;
11. 
    
12. //declaring controlpad and controlP5 (concept!!!)
13. ControlPad cp;
14. ControlP5 controlP5;
15. 
    
16. void setup() {
17.   size(800, 600, OPENGL);
18.   frameRate(30);
19.   controlP5 = new ControlP5(this);
20.   
21.   // create a new instance of the ControlPad controller.
22.   cp = new ControlPad(controlP5,"DIY",60,40,100,100);
23.   // register the newly created ControlPad with controlP5
24.   controlP5.register(cp);
25.   
26.   //initializing the datafield
27.   field = new Datafield();
28.   
29.   
30.   //add 5 datacubes
31.   field.addcube("Cube #1", 20, 20, 0);
32.   field.addcube("Cube #2", 20, 50, 0);
33.   field.addcube("Cube #3", 20, 80, 0);
34.   field.addcube("Cube #4", 20, 110, 0);
35.   field.addcube("Cube #5", 20, 140, 0);
36.   
37.   //print the data of all datacubes inside the field 
38.   //to the terminal
39.   field.printcubes();
40. }
41. 
    
42. void draw() {
43.   background(0);
44.   
45.   //camera control (concept!!!)
46.   camera(20 , 20 , 220,   // eyeX, eyeY, eyeZ
47.          20 , 20 , 0,   // centerX, centerY, centerZ
48.          0.0, 1.0, 0.0  ); // upX, upY, upZ
49.       
50.   hint(ENABLE_DEPTH_TEST);
51.   
52.   //printing 3d images
53.   field.displaycubes();
54.   field.displayfield();
55.   
56.   hint(DISABLE_DEPTH_TEST);
57. }
58. 
    
59. void controlEvent(ControlEvent theEvent) {
60.   println(theEvent.arrayValue());
61. }