PFont font;
int x = 50;
int y = 600;
int by;
int r;
int k;
int i=r;

int date1;
int date2;
int date3;
int date4;
int date5;
int date6;
int date7;
int date8;
int date9;

String stat_set = " ";  //variable to choose which set of data to draw
int stat_set_use = 0;  //variable to pass the data after it has been chosen




import controlP5.*;
ControlP5 controlP5;
ScrollList l;
Table info;
void setup(){ 
  size(1000,700);
  font = loadFont("UniversLT-14.vlw");
  textFont(font);
  smooth();
  info = new Table("Population_Density.csv");
  info.parseRecords();
  
 controlP5 = new ControlP5(this);
//  controlP5.addButton("2008",10,200,100,30,20).setId(1);
//  controlP5.addButton("2007",10,200,130,30,20).setId(2);
//  controlP5.addButton("2006",10,200,160,30,20).setId(3);
//  controlP5.addButton("2005",10,200,190,30,20).setId(4);
//  controlP5.addButton("2004",10,200,220,30,20).setId(5);
//  controlP5.addButton("2003",10,200,250,30,20).setId(6);
//  controlP5.addButton("2002",10,200,280,30,20).setId(7);
//  controlP5.addButton("2001",10,200,310,30,20).setId(8);
//  controlP5.addButton("2000",10,200,340,30,20).setId(9);
  
  //controlP5 = new ControlP5(this);
  l = controlP5.addScrollList("myList",50,50,100,250);
  l.setLabel("Chose an area");
  for(int r=0;r<52;r++) {
    controlP5.Button b = l.addItem(info.bld[r].name,r);
    b.setId(r);
  }
}


void controlEvent(ControlEvent theEvent) {
  // ScrollList is if type ControlGroup.
  // when an item in a scrollList is activated,
  // 2 controlEvents will be broadcasted.
  // the first one from the ScrollList, the second
  // one from the button that has been pressed
  // inside the scrollList.
  // to avoid an error message from controlP5, you
  // need to check what type of item triggered the
  // event, either a controller or a group.
  if(theEvent.isController()) {
    // an event from a controller e.g. button
    println(theEvent.controller().id()+" from "+theEvent.controller());
    int i=theEvent.controller().id();
    //int sh=theEvent.controller.id(-100);

    //for (int i=0; i<info.bld.length; i++){
      //bld[b.101] 
      // k=theEvent.controller().value;
    drawLines(i);

  } 
//  else if (theEvent.isButton()) {
//    int p=theEvent.button().id();
//  }
  else if (theEvent.isGroup()) {
    // an event from a group e.g. scrollList
   //b.setId(100 + i).activateEvent(true);
    println(theEvent.group().value()+" from "+theEvent.group());

  }
}

void drawLines(int x){
        for (int j=0; j<(info.bld[x].date9/10000); j++){
      rect(x+400, by, 20, 3);
      by -=1;     
        }
for (int j=0; j<(info.bld[x].date8/10000); j++){
      rect(x+440, by, 20, 3);
      by -=1;     
        }
        for (int j=0; j<(info.bld[x].date7/10000); j++){
      rect(x+480, by, 20, 3);
      by -=1;     
        }
        for (int j=0; j<(info.bld[x].date6/10000); j++){
      rect(x+520, by, 20, 3);
      by -=1;     
        }
   
        
}

//void keyPressed() {
//  if(key=='r') {
//    l.removeItem("a"+int(random(40)) );
//  } 
//  else if(key=='a') {
//    l.addItem("a"+int(random(40)), int(random(100)) );
//  }
//}

void draw(){  
  background(122); 
        x=400;
   pushMatrix();
    //rotate(rot);
    popMatrix();
    by = y-10;
  for(int i=0; i<9000; i+=50){
    text(i, x-50, y-i);
  }
//  for (int i=0; i<info.bld.length; i++){
//    pushMatrix();
//    translate(x, y);
//    float rot = radians(70);
//    rotate(rot);
//    text(info.bld[i].name, 0, 1);
//    popMatrix();
//    by = y-10;
//    
//      for (int j=0; j<(info.bld[i].date1/10000); j++){
//      ellipse(x, by, 3, 3);
//      by -=1;     
//      }
  
  
//      for (int j=0; j<(info.bld[i].date1/10000); j++){
//      box(x, by, -5);
//      noFill();
//      //by -=1;     
//      }
    //println(info.bld[i].date1/10000);
    x +=300;

  if(keyPressed && key==' ') {
    l.scroll(mouseX/((float)width)); // scroll taks values between 0 and 1
  }

}