Accordion accordion;

int light_min=50;
int light_max=150;

int MARGIN=2;
int SLIDER_H=20;
int SLIDER_W=250;
int SLIDER_FONT=12;


ControlFont control_font;

void setupControl(){

    cp5=new ControlP5(this);

    PFont pfont = createFont("Arial",SLIDER_FONT,true); 
    control_font = new ControlFont(pfont,SLIDER_FONT);
   
    Group group_settings=cp5.addGroup("Settings");
    //group_settings.getCaptionLabel().setFont(control_font);
    //group_settings.setHeight(SLIDER_H);
    
    controlP5.Textfield f1=addText("DMXPRO_PORT", DMXPRO_PORT,0,0,SLIDER_W/2,SLIDER_H);
    f1.moveTo(group_settings);

    controlP5.Textfield f2=addText("DMXPRO_BAUDRATE", str(DMXPRO_BAUDRATE),SLIDER_W/2,0,SLIDER_W/2,SLIDER_H);
    f2.moveTo(group_settings);
    
    controlP5.Textfield f3=addText("OSC_PORT", str(OSC_PORT),0,SLIDER_H,SLIDER_W/2,SLIDER_H);
    f3.moveTo(group_settings);
    
    cp5.addTextlabel("note")
        .setPosition(0,SLIDER_H*4)
        .setText("***Restart on your own!")
        .setColorValue(color(255,0,0))
        .setFont(control_font)
        .moveTo(group_settings);

    
    Group group_color=cp5.addGroup("Light");
    //group_color.getCaptionLabel().setFont(control_font);
    //group_color.setHeight(SLIDER_H);
    
    controlP5.Slider s1=addSlider("light_min",0,255,light_min,0,0,SLIDER_W,SLIDER_H);
    s1.moveTo(group_color);
    controlP5.Slider s2=addSlider("light_max",0,255,light_max,0,SLIDER_H,SLIDER_W,SLIDER_H);
    s2.moveTo(group_color);
    
    
    
    accordion=cp5.addAccordion("acc")
        .setPosition(SLIDER_H,SLIDER_H*3)
        .setWidth(SLIDER_W)
        .addItem(group_settings)
        .addItem(group_color);
        

    accordion.setCollapseMode(Accordion.MULTI);
    accordion.getCaptionLabel().setFont(control_font);
    accordion.getValueLabel().setFont(control_font);


    
   cp5.addButton("load")
            .setPosition(SLIDER_H,SLIDER_H)
            .setSize(SLIDER_W/2,SLIDER_H);
            //.getCaptionLabel().setFont(control_font);

    cp5.addButton("save")
        .setPosition(SLIDER_H+SLIDER_W/2,SLIDER_H)
        .setSize(SLIDER_W/2,SLIDER_H);
        //.getCaptionLabel().setFont(control_font);
        
     cp5.addButton("triggerLight")
        .setPosition(SLIDER_H,SLIDER_H*2)
        .setSize(SLIDER_W,SLIDER_H)
        .setColorBackground(color(120,120,0));
        //.getCaptionLabel().setFont(control_font);

}

controlP5.Slider addSlider(String name, float min, float max, float value, int x, int y, int w, int h){
    controlP5.Slider slider=cp5.addSlider(name)
                            .setRange(min,max)
                            .setValue(value)
                            .setPosition(x,y)
                            .setSize(w,h)
                            .setBroadcast(true);

    cp5.getController(name)
     .getCaptionLabel()
     .setFont(control_font)
     .toUpperCase(false)
     .setSize(SLIDER_FONT);

    slider.getValueLabel()
        .setFont(control_font)
        .setSize(SLIDER_FONT);

    return slider;
}

controlP5.Textfield addText(String name, String value, int x, int y, int w, int h){
    controlP5.Textfield text=cp5.addTextfield(name)
                            .setText(value)
                            .setPosition(x,y)
                            .setSize(w,h)
                            .setAutoClear(false);

     cp5.getController(name)
        .getCaptionLabel()
        .setFont(control_font)
        .toUpperCase(false)
        .setSize(SLIDER_FONT);

    text.getValueLabel()
        .setFont(control_font)
        .setSize(SLIDER_FONT);

    return text;
}