Component[] comp = new Component[22];
Cord[][] cord = new Cord[22][22];
//Change[] change = new Change[17];

Circle circle;
//Change change;
PFont f;






void setup() {

  size(1000,400);
  background(0);
  frameRate(30);
  smooth();
  f = loadFont("AmericanTypewriter-12.vlw"); 


  // displays each unique component
 // String[] shape_pattern = {"circle","square","triangle","ellipse","puddle","triangle","circle","square","triangle"};

 String[] shape_pattern = {"la","la2","la","la2","la","la2","la","la2","la","la2","la","la2","la","la2","la","la2","la","la2","la2","la","la","la","la","la","la","la","la"};

  for (int i=0; i < comp.length; i++) {

    comp[i] = new Component(random(width-14),random(height-14),24,shape_pattern[i]/*i*100,height/2,24,shape_pattern[i]*/);
    //change[i] = new Change();
    for (int j = 0; j < comp.length; j++) {
      cord[i][j] = new Cord();
    }

  }


  circle = new Circle(width/2,height/2,24);

}

void draw() {
  background(0);

  // checks if the components intersect and draws a line between them if they do
  for (int i=0; i <comp.length; i++) {
    for (int j=0; j <comp.length; j++) {
      if (i != j) {
        if (comp[i].intersect(comp[j])) {
          cord[i][j].turnOn();
          cord[i][j].setLocation(comp[i].x,comp[i].y,comp[j].x,comp[j].y);
        } 
        else {
          cord[i][j].turnOff();
        }
      }
    } 
  }



  for (int i=0; i <comp.length; i++) {
    for (int j=0; j <comp.length; j++) {
      if (i!= j && cord[i][j].on) {

        cord[i][j].display();
        cord[i][j].doSomethingComp(comp[i],comp[j],circle);
  //      comp[i].move_dial();
    //    comp[i].dial();

      } 
      else {
      }
    } 
  }

  // checks if the components intersect with the center circle
  for (int i=0; i <comp.length; i++) {
    if (circle.intersect(comp[i])) {
      cord[i][i].setLocation(circle.x,circle.y,comp[i].x,comp[i].y);
      cord[i][i].display();
      cord[i][i].doSomethingCenter(comp[i]);
    }
  } 
  circle.center_circle();
  circle.drag();
  circle.rollover(mouseX,mouseY);
  for (int i=0; i <comp.length; i++) {
    if (!mousePressed == true) {
    comp[i].move();
    }
    comp[i].render();
    comp[i].drag();
    comp[i].rollover(mouseX,mouseY);
  }

}

// when clicking on component executes function
void mousePressed() {
   circle.clicked(mouseX,mouseY);
  for (int i=0; i <comp.length; i++) {
    comp[i].clicked(mouseX,mouseY);
  }
}

void mouseReleased() {
  circle.stopDragging();
  for (int i=0; i <comp.length; i++) {
    comp[i].stopDragging();
  }
}