int numSpot = 16;    // outside spot number
int numSpot2 = 9;    // inside spot number
int movingSpot = -1;

Spot[] theSpot = new Spot[numSpot+numSpot2]; // object spot

void setup() {
  size(500, 500);
  background(250);

  for(int i=0;i<numSpot;i++) {
    theSpot[i] = new Spot(((i%4)+1)*100, ((i/4)+1)*100  ); //(xposition, yposition) 4 spots in each line
  }
  for(int i=numSpot;i<numSpot+numSpot2;i++){
    theSpot[i] = new Spot((((i-numSpot)%3)+1.5)*100,(((i-numSpot)/3)+1.5)*100); 
  }

}

void draw() {
  fill(0);
  background(250);

  for(int i=0;i<numSpot;i++) {                      // outside dot and line
    theSpot[i].drawEllipse();
    if((i%4) != 3) {
      theSpot[i].drawline(i+1);
    } // 4 lines go to right
    if(i < 12) { 
      theSpot[i].drawline(i+4);
    }  //  4 lines go down
  }

  for(int i=numSpot;i<numSpot+numSpot2;i++) {
    theSpot[i].drawEllipse(); 
    theSpot[i].drawline(i-numSpot+(i-numSpot)/3);
    theSpot[i].drawline(i-numSpot+(i-numSpot)/3+1);
    theSpot[i].drawline(i-numSpot+(i-numSpot)/3+4); 
    theSpot[i].drawline(i-numSpot+(i-numSpot)/3+5);
  }

  if(movingSpot != -1) {
    theSpot[movingSpot].xpos = mouseX;
    theSpot[movingSpot].ypos = mouseY;
  }

}

void mousePressed() {
  if(mouseButton == RIGHT) {
    setup();
  }
  else {
    for(int i=0;i<numSpot+numSpot2 && movingSpot == -1;i++) 
      if(abs(theSpot[i].xpos - mouseX) < 5 && abs(theSpot[i].ypos - mouseY) < 100) movingSpot = i; 
  }
}

void mouseReleased() {
  movingSpot = -1;
}