/**
 * <b>ControlP5basics</b><br />
 * The following example demonstrates the basic use of controlP5.<br />
 * After initializing controlP5 you can add controllers to controlP5.
 * Here we use three numberboxes, one slider and one textfield.
 * The numberbox with name numberboxC will trigger function numberboxC()
 * in the example below. Whenever controlP5 detects a function in your 
 * sketch that corresponds to the name of a controller, it will forward
 * an event to that function. Any event triggered by a controller 
 * will be forwarded to function controlEvent in your sketch. <br />
 * related examples ControlP5numberbox, ControlP5slider, ControlP5textfield<br />
 * by Andreas Schlegel 2010<br />
 * 
 */

import controlP5.*;

ControlP5 controlP5;

public int myColorRect = 200;

public int myColorBackground = 100;


void setup() {
  size(400,400);
  frameRate(25);
  controlP5 = new ControlP5(this);
  controlP5.addNumberbox("numberboxA",myColorRect,100,140,100,14).setId(1);
  controlP5.addNumberbox("numberboxB",myColorBackground,100,180,100,14).setId(2);
  controlP5.addNumberbox("numberboxC",0,100,220,100,14).setId(3);
  
  controlP5.addSlider("sliderA",100,200,100,100,260,100,14).setId(4);
  controlP5.addTextfield("textA",100,290,100,20).setId(5);
  
  controlP5.controller("numberboxA").setMax(255);
  controlP5.controller("numberboxA").setMin(0);
}

void draw() {
  background(myColorBackground);
  fill(myColorRect);
  rect(0,0,width,100);
}

public void numberboxC(int theValue) {
  println("### got an event from numberboxC : "+theValue);
}

// a slider event will change the value of textfield textA
public void sliderA(int theValue) {
  ((Textfield)controlP5.controller("textA")).setValue(""+theValue);
}

// for every change in textfield textA, this function will be called
public void textA(String theValue) {
  println("### got an event from textA : "+theValue);
}

public void controlEvent(ControlEvent theEvent) {
  println("got a control event from controller with id "+theEvent.controller().id());
  switch(theEvent.controller().id()) {
    case(1): // numberboxA
    myColorRect = (int)(theEvent.controller().value());
    break;
    case(2):  // numberboxB
    myColorBackground = (int)(theEvent.controller().value());
    break;  
  }
}