class Dot{

  float x,y,w,h, spx, tlength;

  int id = 0;
  int dnum;
  int selectid;
  int dotId;
  int dk;

  boolean selected;
  boolean isOver;
  boolean doDuplicate;
  boolean doCheck;
  boolean doReset;

  Bellipse[] duE;
  Bellipse sp;

  Brect cover;
  
  float[] dotPosX;
  float[] dotPosY;

  float cx, cy, cw, ch,ccx,ccy;  // cover for the »ý½Ä±â ;
  float px, py;

  float[] temxA;
  float[] temyA;

  String dotX;
  String dotY;
  
  color dc;
  String title;
  
  Dot[] others;

  Dot(float x_, float y_, float w_, float h_, color dc_, String a, Dot[] aa, int dott){
    x = x_;
    y = y_;
    w = w_;
    h = h_;
    title = a;
    others = aa;
    dotId = dott;
    
    float cc = textWidth(a);
    tlength = cc;
    spx = x+cc/2;
    sp = new Bellipse(spx, y+15, w, h, 1,1,0);

    
    duE = new Bellipse[id];
    dotPosX = new float[id];
    dotPosY = new float[id];
    
    cx = sw/3+150;
    cy = 310;
    cw = 45;
    ch = 130;
    ccx = cx+cw/2;
    ccy = cy+ch/2;
    
    temxA = new float[0];
    temyA = new float[0];
    
    dc = dc_;

    
  }

  void renderTest(){
    for(int i=0; i< duE.length; i++){
      fill(255);
      
      ellipse(dotPosX[i]-100, dotPosY[i], 10, 10);
    }
  }

 
 

  void display(){
    
   
   // renderTest();
    fill(255);
    textFont(helv11);
    text(title, x, y);
    sp.display();
    sp.setColor_r(dc);
    //drawAear();
    
    // it is relate to apply the reset funtion
    try{
      update();
      locked();
    }
    catch(Exception ex){
      selectid = id; //reset selecteid      
      duE = new Bellipse[0];
    }

    
    for(int i=0; i<duE.length; i++){
      noStroke();
      float rv = red(dc);
        float gv = green(dc);
        float bv = blue(dc);
        color pointC = color(rv,gv,bv,90);
        color pointB = color(rv,gv,bv,125);
        duE[i].setColor_r(pointC);
        duE[i].setColor_b(pointB);
      duE[i].display();
    }
 
  }

  void update(){
    
    if(selected){
      fill(255);
      noStroke();
      ellipse(spx, y+15, 5,5);

    }
    
    
    for(int i=0; i<duE.length ; i++){
      if(duE[selectid].isLocked && (mouseButton == RIGHT) ){
         duE[selectid] = new Bellipse();
         //id = id-1;
        // duE[selectid].setPosition(mouseX, mouseY);
        //walldetect(selectid);
       // checkCollideinside(selectid);
      }
    }


  } 

  void walldetect(int id_){
    // check boundary
    float temx = mouseX+duE[id_].w/2;
    float temy = mouseY+duE[id_].w/2;
    float preX = duE[id_].x;
    float preY = duE[id_].y;
    if(temx < sw/3+7+duE[id_].w ){
      duE[id_].setPosition( sw/3+duE[id_].w/2+7, mouseY);
    }
    
    if(temx > sw/3+pannelW){
      duE[id_].setPosition( sw/3+pannelW, mouseY);
    }
    
    if(temy < 50){
      duE[id_].setPosition( mouseX, 60);
    }
    
    if(temy > 550){
      duE[id_].setPosition( mouseX, 540);
    }
 
  }
  
  void checkCollideinside(int d){
    
    float temx = mouseX+duE[d].w/2;
    float temy = mouseY+duE[d].w/2;
    float u = duE[d].w/2;
    float yu = duE[d].y;
    float xu = duE[d].x;
    
    if(temx >= cx && temx <= cx+cw+duE[d].w && temy >= cy && temy <= cy+ch+duE[d].w){
      //doCheck = true;
       temxA = append(temxA, duE[d].x);
       temyA = append(temyA, duE[d].y);
   
       if(ccx-temxA[0] < 0 && (yu > cy && yu+u < cy+ch)){
         float t = cx+cw-temxA[0]+u;
         temxA[0] = temxA[0]+t;
         temyA[0] = temyA[0];//mouseY;
       }
       
       if(ccx-temxA[0] > 0 && (yu > cy && yu+u < cy+ch)){
          float t = cx-temxA[0]-u;
          temxA[0] = temxA[0]+t;
          temyA[0] = temyA[0];//mouseY;
       }
       
        if(ccy-temyA[0] >= 0 && (xu-u > cx && xu+u < cx+cw)){
         float t = cy-temyA[0]-u;
         temyA[0] = temyA[0]+t;
         temxA[0] = mouseX;
       }
       
       if(ccy-temyA[0] < 0 && (xu-u > cx && xu+u < cx+cw)){
         float t = cy+ch-temyA[0]+u;
         temyA[0] = temyA[0]+t;
         temxA[0] = mouseX;
       }
        
       duE[d].setPosition( temxA[0], temyA[0]);
       println(px);
    }else{
   
      temxA = subset(temxA, 0,0);
      temyA = subset(temyA, 0,0);
    }

  }


  

  
  // check the dot for drag
  void locked(){
    
    for(int i=0; i<duE.length ; i++){
    
      if(duE[i].isPressed){
        selectid = duE[i].id;
        inputU.dotSelect = dotId;
        duE[selectid].isLocked = true;    
        println(selectid);
      }
      else if(!duE[selectid].isPressed ){
       duE[i].isLocked = false;
   
        
       
      
        //color change
        
        
      }
    
    }
  }

  // duplicate
  void duplicate(int x_){

    // add new object
    duE = (Bellipse[]) expand(duE, x_+1);
    duE[x_] = new Bellipse(mx, my, 15, 15, 1,0,x_);

    //expand Postion Array
    dotPosX = expand(dotPosX, x_+1);
    dotPosY = expand(dotPosY, x_+1);

    //change color of dot
    
    duE[x_].setColor_r(dc);
    float rv = red(dc);
    float gv = green(dc);
    float bv = blue(dc);
    color pointP = color(rv,gv,bv,180);
    color pointO = color(255,180);
    
    duE[x_].setColor_o(pointO);
    duE[x_].setColor_p(pointP);
 
  }

  //save marked point
  void savePoint(){
    
    //dnum = duE.length;
    if(id == 0){
      duplicate(0);
    }
   
    for(int i=0; i<duE.length ; i++){
      dotPosX = splice(dotPosX, duE[i].x, i);
      dotPosY = splice(dotPosY, duE[i].y, i);
      
      //convert float to string value and add data into string dotX
      if(i == 0){ dotX = str(dotPosX[i]); dotY = str(dotPosY[i]);}
      if(i>0){ dotX = dotX+","+str(dotPosX[i]); dotY = dotY+","+str(dotPosY[i]);}
    }     
    
  }

  void reset(){
  
    // make duE null
    duE = null;
    selected = false;
    id = 0;
    dotPosX = subset(dotPosX, 0, 0);
    dotPosY = subset(dotPosY, 0, 0);
  }

  // draw forbid area
  void drawAear(){
    float temx = mouseX;
    float temy = mouseY;
    float u = 15;
 
    if(temx >= cx-u && temx <= cx+cw+u && temy >= cy && temy <= cy+ch+u){
      stroke(113,8,8,60);
      fill(170,36,36,80);
     line(cx, cy, cx+cw, cy+ch);
     line(cx+cw, cy, cx, cy+ch);
     rect(cx, cy, cw, ch);
     noStroke();
    }
  }

}